响应式网页布局的优缺点有哪些？

简单来说，要体验响应式布局，就必须有支持HTML5与CSS3的浏览器，可以使用IE 9以上版本以及Chrome、Firefox、Opera、Safari等浏览器。

1．响应式网页布局的优点

（1）对用户友好

响应式页面设计可以给用户提供友好的Web界面，因为它可以适应几乎所有设备的屏幕。现在移动技术发展日新月异，几乎每天都会有新款智能手机推出，拥有响应式页面设计，用户可以与网站一直保持联系，这也是响应式实现的初衷。

（2）积累分享

响应式页面设计可以让用户通过单一URL地址收集所有的社交分享链接，可以为创建更友好的网站而做出积极贡献。

（3）最佳化搜索引擎

响应式页面设计使得搜索引擎也变得越来越聪明，使它们足够智能，可以完成移动网站和桌面网站的连接。

（4）品牌形象一致

响应式页面设计使得同一个网站适用于各种设备，自然不需要针对不同版本来设计不同的页面视觉效果。

（5）更少维护

响应式网页不需要单独开发独立的移动网站，只需要直接使用CSS属性针对不同设备进行调整。

2．响应式网页布局的缺点

（1）旧版浏览器不支持

由于响应式网页是与CSS3的媒体查询技术配合使用的，旧版的浏览器并不支持媒体查询技术。不过，虽然IE 8和之前的浏览器，可以通过下载并在页面中添加css3-mediaqueries.js来解决这个问题。

（2）加载速度问题

在响应式网页设计中，需要下载一些看起来并不必要的HTML/CSS，而且图片并没有根据设备调整到合适大小，这些都是导致加载时间加倍的原因。

（3）时间花费

开发响应式网站是一项耗时的工作，如果计划把一个现有网站转化成响应式网站，可能耗时更多。

（4）小尺寸屏幕不适合显示复杂的功能界面

响应式网页设计不需考虑在不同设备上的运行，为了让响应式网页适合不同的浏览设备，在功能上必须有所取舍。响应式网页属于网站对应的网页，并非常用的App，若是想要实现一些复杂功能，例如拍照、文件传输等，仍然需要开发合适的App。