响应式布局
2016-07-24 22:51
197 查看
页面布局:静态布局 自适应布局 流式布局 响应式布局
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端--而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用"大势所趋"来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。
优点:
面对不同分辨率设备灵活性强
能够快捷解决多设备显示适应问题
缺点:
兼容各种设备工作量大,效率低下
代码累赘,会出现隐藏无用的元素,加载时间加长
其实这是一种折中性质的设计解决方案,多方面因素影响而达不到最佳效果
一定程度上改变了网站原有的布局结构,会出现用户混淆的情况
分为四种类型:固定布局、可切换的固定布局、弹性布局、混合布局。
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端--而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用"大势所趋"来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。
优点:
面对不同分辨率设备灵活性强
能够快捷解决多设备显示适应问题
缺点:
兼容各种设备工作量大,效率低下
代码累赘,会出现隐藏无用的元素,加载时间加长
其实这是一种折中性质的设计解决方案,多方面因素影响而达不到最佳效果
一定程度上改变了网站原有的布局结构,会出现用户混淆的情况
分为四种类型:固定布局、可切换的固定布局、弹性布局、混合布局。
相关文章推荐
- HDU 5724 - Chess
- leetcode 7. Reverse Integer
- QPainter绘制图形
- javax.crypto.BadPaddingException: Given final block not
- Android 创建抽屉导航
- 【杭电2007】平方和与立方和
- leetcode 7. Reverse Integer
- 方法的绑定
- Intent实现有返回结果与无返回结果的页面跳转
- 判断图片是否加载完成的三种方式
- 我读过的最好的epoll讲解--转自”知乎“
- 请求包含,转发,重定向的区别
- Lintcode:分糖果
- Java迭代器
- 精通IOS-在表单元中添加子视图
- ASR自动语音识别技术
- NIO学习--核心概念与基本读写
- Java三大框架之struts的防止重复提交
- 逻辑数据库设计 - 单纯的树(递归关系数据)
- Hbase--6 Hbase协处理器