<响应式布局>1---响应式布局介绍

1.介绍：

能兼容电脑pc，平板电脑，手机等多设备，为各个终端产生更好的用户体验！

2.优缺点：

1>优点：对不同分辨率设备灵活性强，解决多设备适应问题；

2>缺点：工作量大，效率低下；代码累赘，会隐藏无用元素。

3.设计与实现：

css3中加入的Media Queries模块（媒介查询）；

IE8以下不支持。

4.两种方式：

客户端判断：根据不同设备分辨率，匹配适合的布局；

服务器端判断：根据不同设备分辨率，发送适合的布局样式；