媒体查询

@media mediatype and|not|only (media feature) {
    CSS-Code;
}

参数说明

mediatype 媒体类型（打印机或打印预览print、手机屏幕，电脑屏幕，智能手机scree、用于所有设备all...）
and 可以将多个媒体特性连接到一起，相当于“且”的意思
not 排除某个媒体类型，相当于“非”的意思，可以省略
only 指定某个特点的媒体类型，可以省略
media feature 媒体特性 必须有小括号包含 列：(max-width: 500px) 

这句话的意思就是： 在我的屏幕上 并且 最大的宽度是 800像素 设置我们想要的样式

@media screen and (max-width: 800px) {
    body {
        background-color: pink;
    }
}