响应式布局的设计思路

  • 只需要实现一套页面,即可适应大多数不同分辨率(不同设备)的浏览。

    • 页面使用响应式布局,即页面会根据访问端屏幕大小的改变而发生变化,也就是无论访问什么页面都使用同一套页面。
    • 当页面较少时,可以使用此种方案。
  • 各自为Desktop Web与Mobile Web设计不同的页面。

    • 通过服务器端获取User-Agent来为不同的分辨率设计不同的客户端。
    • 当页面较多时,可以使用此种方案。
    • 虽然此方案比“同一套”页面方案复杂很多,但是可以专门为不同屏幕设计不同的界面风格,也因此更加灵活。
  • 凡是可以通过“伪装骗过”User-Agent的方式都属于“后台”方案。反之则属于“同一页面”方案。

2013-02-17 15:50