响应式设计

响应式设计在移动 Web 开发领域是必须面对的问题和优化的方向。

响应式设计的原则

  • 移动优先:在设计的初期就要考虑页面如何在多终端上显示

  • 渐进增强:充分发挥硬件设备的最大功能

如何实现响应式布局

  • CSS3 Media Query: 最简单的方式。

常见的属性有:

- Device-width, device-height:屏幕的宽和高

- Width, height: 渲染窗口的宽和高

- Orientation: 设备方向

- Resolution: 设备分辨率
  • 借助原生 Javascript: 成本高,不推荐使用

  • 第三方开源框架:可以很好地支持浏览器响应式布局的设计

本文最后修改时间: 2015年11月18日 23:24:15 (完) CC BY-NC-ND 3.0

若您发现文章中的错误,并愿告知于我,或想与我交流,我的联系方式在: Contacts


上一篇 页面响应时间优化之 "动态页面静态化"

All The Best

下一篇 为树莓派 2 编译安装无线网卡驱动 ( RT3070/Mt7601 )