媒体查询参考：https://developer.mozilla.org...、高度和颜色。CSS3中添加的媒体查询允许为特定范围的输出设备定制内容呈现，而无需更改内容本身。具体使用方法为媒体查询包含一个可选的媒体类型，在满足CSS3规范的条件下，包含零个或多个描述媒体特性的表达式，最终会被解析为true或false。如果媒体查询中指定的媒体类型与用于显示文档的设备类型匹配，并且所有表达式的计算结果为真，则媒体查询的结果为真。那么mediaquery中的styles就会生效，语法逻辑主要是逻辑是以下四种：and，【也就是or的逻辑】not【查询结果取反】only【只用only运算符在媒体查询匹配成功时应用样式，这有助于防止在旧浏览器中应用选定的样式。】媒体属性大多数媒体属性都可以加上“min-”或“max-”作为前缀，用来表示“最小...”或“最大...”。例如max-width:12450px表示应用其中包含的样式的最大条件是宽度为12450px。如果大于12450px，则不满足条件，不应用样式。这避免了使用与HTML和XML冲突的“<”和“>”字符。如果您没有为媒体属性指定值，并且该属性的实际值不为零，则表达式的计算结果为真。colorcolor-indexaspect-ratiodevice-aspect-ratiodevice-heightdevice-widthgrid高度(height)黑白(monochrome)方向(orientation)分辨率(resolution)扫描(scan)宽度(width)-moz-images-在-menus-moz-mac-graphite-theme-moz-maemo-classic-moz-device-pixel-ratio-moz-os-version-moz-scrollbar-end-backward-moz-scrollbar-end-forward-moz-滚动条开始向后-moz-滚动条-开始-向前-moz-滚动条-拇指比例-moz-touch-enabled-moz-windows-classic-moz-windows-compositor-moz-windows-default-theme-moz-windows主题
