CSS样式之响应式布局（媒体查询）

1.媒体查询

媒体查询（Media queries）

1.移动设备的快速普及完全颠覆了Web设计领域。 用户不再仅在传统桌面系统上查看Web内容，他们越来越多地使用具有各种尺寸的智能电话、平板电脑和其他设备。
2.Web设计人员的挑战是确保他们的网站不仅在大屏幕上看起来不错，在小型的电话以及介于它们之间的各种设备上看起来也不错。（说白了就是不同大小显示器web适配问题。CSS2中也有媒体查询，CSS3在此基础更加丰满）
 

1.1语法规范

1.用@media开通 注意@符号

2.screen表示所有的电子设备的屏幕

3.关键字（and）

4.必须有小括号包含

1.2 媒体特性

2.移动端

2.1 标准视口（理想视口&