码迷,mamicode.com
首页 > 其他好文 > 详细

响应式布局设计

时间:2016-01-25 16:40:23      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

响应式布局设计

一、布局不变

1、布局不变,模块中内容挤压、拉缩(流式布局)

 技术分享

2、布局不变,模块中内容换行平铺

 技术分享

3、布局不变,模块中内容删除、增加。

 技术分享

 

二、布局改变

1、布局改变,模块位置改变。

 技术分享

2、布局改变,模块展现方式改变。

技术分享

3、布局改变,模块数量改变。

 技术分享

很多时候,单一方式的布局响应无法满足理想效果,需要结合多种组合方式,但原则上尽可能时保持简单轻巧,而且同一断点内(发生布局改变的临界点称之为断点)保持统一逻辑。否则页面实现得太过复杂,也会影响整体体验和页面性能。

响应式布局设计

标签:

原文地址:http://www.cnblogs.com/wbxjiayou/p/5157610.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!