多屏自适应的优缺点

不停有客户来问,多屏自适应的优点和缺点,近期进行了一些总结

优点

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%以上的手机上可以有良好的呈现。

综上,对于简单的页面,建议多屏自适应,对于表现复杂的页面,多套开发。


This entry was posted in WEB前端 and tagged , , . Bookmark the permalink.
月小升QQ 2651044202, 技术交流QQ群 178491360
首发地址:月小升博客https://java-er.com/blog/muti-screen-html-dev/
无特殊说明,文章均为月小升原创,欢迎转载,转载请注明本文地址,谢谢
您的评论是我写作的动力

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*

  

About Me

静水流深,水滴石穿