CSS3 媒体查询（响应式布局）

一、媒体查询

媒体特性：
                width 视口(窗口)的宽度
                height 视口(窗口)的高度

                min-width 视口的最小宽度（视口大于等于指定宽度时生效）
                max-width 视口的最大宽度（视口小于等于指定宽度时生效）

语法：

@media screen and (min-width: )

@media screen and (max-width: )

媒体类型(media type) ：常用all，screen，print。

all	所有设备
screen	所有电子设备的屏幕的尺寸
print	打印机的屏幕

---

① min-width:1000px

当屏幕的宽度大于1000px时，背景颜色变为粉色