译自 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

A media query consists of an optional media type and zero or more expressions that limit the style sheets’ scope by using media features, such as width, height, and color. Media queries, added in CSS3, let the presentation of content be tailored to a specific range of output devices without having to change the content itself.

一个媒介查询由一个可选的媒介类型和零个或多个通过使用媒介特征，比如宽度，高度，颜色，来限制样式表范围的表达式组成。媒介查询在 CSS3 中被添加，它可以让出现的内容被裁剪到一个输出设备的明确的范围内，而不用改变内容本身。

Syntax

Media queries consist of an optional media type and can, as of the CSS3 specification, contain zero or more expressions, expressed as media features, which resolve to either true or false. The result of the query is true if the media type specified in the media query matches the type of device the document is being displayed on and all expressions in the media query are true.

文章来源: blog.csdn.net，作者：福州-司马懿，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/chy555chy/article/details/55094771