众所周知,在手机统治世界的年代,我们仿佛在手上拥有了全世界,手机版的网站应运而生,但是pc端与手机端分开写两套代码却极大地增加了前端工作者的工作量,于是出现了一种新的概念,响应式布局,通过仅仅增添的两行代码就可以同步pc端与手机端的两套代码,而前端工作人员需要做的,仅仅是写两套不同的css样式,这起码为前端人员节省了一半的时间,但响应式网站布局真的这么好,这么没有弊端么?今天深圳网站建设带大家具体的了解一下。
首先是响应式页面的优点:
1.可以跨平台使用,在pad,手机,电脑上均有不俗的表现。
2.响应式的布局可以节省人力开发成本,不再需要人分开维护PC页面和移动页面。
3.表现力一致,用户体验良好。在不同的平台上用户所看到的页面是一样的,极大地提升了用户体验
那响应式布局又有什么缺点呢?
1.自由度太低,局限性较大。在pad,手机PC三种屏幕下的页面内元素的呈现,会有这很大的局限性,所以只能用一张单一的图或者一组动态图来表达。
2.由于响应式的页面是同时下载多套的css洋时代吗,所以页面会比较大,在2G,3G网络下加载速度会很慢,不仅毫无意义,而且浪费流量资源。
3.对于非webkit内核的浏览器支持极差(IE6,7,8等就直接悲剧了)。
对于非webkit内核的浏览器,比如说Windows Phone手机上用的IE浏览器,完全就悲剧了,彻底看不了。不过还好,现在的IOS,Android都是webkit内核,至少在80%以上的手机上可以有良好的呈现。