媒体查询

媒体查询是一种通过检测用户屏幕分辨率不同大小来应用不同 CSS 样式的 CSS3 属性，基本语法如下：

@media screen and (max-width||min-width: ···px) {
	css样式表···
}

通过 max-width 及 min-width 来表示分辨率“小于等于”或“大于等于”，也可以同时应用两个来表示一个区间，如：

@media screen and (min-width: ···px) and (max-width: ···px) {
	css样式表···
}

一般媒体查询写在样式表最前面，一样的 css 样式写在后面。