先给出结论:响应式设计不是万能的,它有一定的好处,但也有一定的弊端。
响应式带来的问题
1.响应式设计带来大量冗余代码。
在移动端充斥着 webkit 内核的浏览器的时代,响应式设计的网站中却不得不带有大量兼容旧 IE 的代码。移动端开发必须考虑在弱网情况下的渲染方式,而响应式设计带来的冗余代码无疑是一种累赘。
2.桌面端和移动端的屏幕大小和操作方式的差异决定了两者的设计一定存在着根本性的区别。
响应式设计应该以移动优先,在设计之初就应该以移动端网站为设计目标,然后再考虑如何在桌面端布局。你很难想象将一个功能和交互复杂的桌面端网站改写成支持移动端访问的响应式设计究竟有多么复杂。而且将桌面端网站的大量内容堆砌在手机页面上也是极其影响性能的事,可以想象页面的打开速度简直糟透了。
响应式的缺点
1.维护成本考虑
通过响应式制作各个端都完美适应的页面并不是套用一下 bootstrap 就能做好的,到最后可能一个响应式的页面维护成本要比维护 3 个不同的版本要高很多,而且太多坑了。也有很多场景 mobile 不需要桌面的所有功能,全站做响应式划不来。页面越复杂,响应式页面开发和维护成本越高。
2.网络资源考虑
桌面 web 布局要比 mobile 复杂很多,大量的代码跟移动的快速简单相违背。响应式意味着 mobile 需要加载所有桌面的内容。页面越复杂,响应式页面的性能越差。
3.用户体验考虑
桌面和 mobile 页面操作方式(事件)和交互方式区别很大,没有必要硬掰在一起。页面越复杂,响应式页面的交互越差。
综上所述,我们客观的列举了响应式的优点和缺点,不过对于企业网站来说,响应式网站依然是最佳选择,对于功能性、平台型网站一般多采取pc、手机独立做的情况。
写在最后,以上就是对于“为何百度、淘宝等知名网站不使用bootstrap,详细解读”的一些看法,欢迎指正、交流。
文章题目:为何百度、淘宝等知名网站不使用bootstrap,详细解读
网站路径:http://www.kuaping.com/article/show450.html
027-817-77732
133-434-77732