不停有客户来问,多屏自适应的优点和缺点,近期进行了一些总结
优点
1.跨平台。
在手机,pad,电脑上均有的表现。
2.表现力一致
在不同的平台上看到的东西都是基本一致的,会让感觉体验良好。
是的这一个优点,就足够我们去努力做了。
2.一套底层代码,一套底层数据。不需要维护多个界面。比如我们要改用户昵称改成用户名称,只需要在一个界面上修改代码,只改一次。而如果我们做了移动版,ipad版,PC版,需要改3次
缺点
1.单个页面的工时变长,一套代码的背后是多套图片和设计,因为需要一套代码适应多个屏幕,所以会有大量的编码工作。
2.设计思想理解的不够深的情况下会感觉框架灵活性较差,UI上可发挥的空间比较小,会造成在一些局部耗费大量的时间进行推敲,比如 header footer的变化等。
3.单个页面尺寸变大(可以用按需加载进行优化),可能会出现费流量,打开慢等情况。不过当前用户使用wifi访问占比比较高并无压力。
4.自由度低,局限性较大。
需要考虑在手机,pad,PC上三种屏幕下的页面内元素的呈现,会导致有着非常大的局限,需要根据业务做一个平衡选择。
5.页面会比较大,在当前国内2G,3G网络下打开速度会比较慢。
由于响应式页面是同时下载多套CSS样式代码,可能在手机上就下载PC/pad的冗余代码,其实毫无意义,而且浪费了流量资源。
6.对于非webkit内核的浏览器支持极差(IE6,7,8不支持)。
现在的IOS,Android都是webkit内核,至少在80%以上的手机上可以有良好的呈现。
综上,对于简单的页面,建议多屏自适应,对于表现复杂的页面,多套开发。