响应式布局调整

了解响应式工作原理以及在coolsite中如何调整。

响应式布局简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

了解响应式布局:下面来看看在coolsite中如何去调整。

1.点击不同终端可切换终端进行编辑调整。

2.响应式继承关系:手机继承平板,平板继承PC。

3.调整顺序:创建站点后,先搭建PC端样式,然后调整平板端,最后调整手机端。

4.每个终端布局可自定义样式。且存在下列继承关系。

调整PC端会影响平板端和手机端布局。

调整平板端会影响手机端而不会影响PC端布局。

调整手机端不会影响平板端和PC端布局。

调整布局影响趋势如下图箭头所指方向(不可逆)。

注:H1-H6字体切换时不适用继承原则。

 

 

 

 

 

5.预览方式

建议在谷歌游览器下预览,点击预览顶部导航栏可查看PC、平板、手机端的预览情况。

也可以用谷歌调试器预览(option+command+I)。

10

相关文章: