因为出现了不同大小、不同分辨率的显示器，出现了不同标准的浏览器。

比如4K显示器、宽屏显示器、平板电脑、手机等显示设备。

比如谷歌浏览器、火狐浏览器、IE浏览器、Edge浏览器、搜狗浏览器、360浏览器、QQ浏览器、UC浏览器 等等各种乱七八糟浏览器。

为了让制作的网页适应不同大小、不同尺寸、不同技术标准的显示端，便出现了响应式布局。

即：响应不同显示端然后自适应式的布局

响应式布局听起来高大上，还有其他名称如 多端合一，3in1等，其实制作成本较高，性能也不咋好。

如果您不差钱，而且服务器配置高，就可以用这个了。

优点：

• 面对不同分辨率设备灵活性强

• 能够快捷解决多设备显示适应问题

缺点：

• 兼容各种设备工作量大，效率低下

• 代码累赘，会出现隐藏无用的元素，加载时间加长

• 其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果

• 一定程度上改变了网站原有的布局结构，会出现用户混淆的情况
  

另一种布局方式叫一个设备一个针对性的布局页面。一般最少写2个布局页面，即PC版和手机版。

特殊情况，比如有老式设备，老式系统，老式浏览器，需要写个 ie7浏览器布局。

特殊情况，需要使用最前沿科技的，需要写个 谷歌浏览器布局。

本站建议，不使用响应式布局。