响应式布局的优点:
- 面对不同分辨率设备灵活性强
- 能够快捷解决多设备显示适应问题
缺点:
* 兼容各种设备工作量大,效率低下
* 代码累赘,会出现隐藏无用的元素,加载时间加长
* 其实这是一种折中性质的设计解决方案,多方面因素影响而达不到最佳效果
* 一定程度上改变了网站原有的布局结构,会出现用户混淆的情况
RWD不能是桌面版叠加适配代码,这样页面体积反而变大,在小屏幕里看到的实际上是一个更笨重的页面,性能只能比桌面版还差。同时手机浏览器的事件模型跟桌面浏览器的差异很大,意味一些交互也会不work。这样的结果无法让人接受。
那么该如何设计响应式布局来达到最高的效率呢?
...简要来说,相应式布局就是为了解决你所列的缺点。
在没有相应式这个概念提出前,才是需要为每种设备进行兼容。
至于说的无用元素…可以说微乎甚微吧……