CSS3 media queries

矫情吗；* 2022-07-12 05:59 186阅读 0赞

译自 MDN [https://developer.mozilla.org/en-US/docs/Web/CSS/Media\_Queries/Using\_media\_queries][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.

[https_developer.mozilla.org_en-US_docs_Web_CSS_Media_Queries_Using_media_queries]: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

发表评论取消回复

表情：

评论列表（有 0 条评论，186人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS3 @Media 媒体查询

CSS3 媒体类型 <table> <tbody> <tr> <th>值</th> <th>描述</th> </tr> <tr>

素颜马尾好姑娘i/ 2023年01月23日 14:51/ 0 赞/ 254 阅读

相关 Targeting High Screen Densities with CSS Media Queries

From [http://www.fiveminutes.eu/targeting-hight-screen-densities-with-css-media-queries/

骑猪看日落/ 2022年09月20日 15:21/ 0 赞/ 181 阅读

相关 CSS3 之媒体查询Media Query

　　Media Queries是CSS3有关媒体查询的属性，有了CSS3 之媒体查询Media Queries就可以进行媒体查询，针对每个不同的媒体进行不同的样式编写。传说中的

旧城等待，/ 2022年09月17日 05:30/ 0 赞/ 287 阅读

相关常见移动设备的 CSS3 Media Query 整理（iPhone/iPad/Galaxy）

今天帮人解决了iphone4下载页显示错误的问题，css3 media query坑啊，不容易匹配到。 / iPhone 4/4s landsc

缺乏、安全感/ 2022年08月20日 15:18/ 0 赞/ 201 阅读

相关 CSS3学习笔记--media query 响应式布局

语法：@media screen and (min-width: 320px) and (max-width : 479px) media属性后面跟着的是一个 scre

àì夳堔傛蜴生んèń/ 2022年08月05日 05:16/ 0 赞/ 192 阅读

相关 JavaScript media queries

译自 MDN [https://developer.mozilla.org/en-US/docs/Web/CSS/Media\_Queries/Testing\_media\_

墨蓝/ 2022年07月12日 06:07/ 0 赞/ 173 阅读

相关 CSS3 media queries

译自 MDN [https://developer.mozilla.org/en-US/docs/Web/CSS/Media\_Queries/Using\_media\_qu

矫情吗；*/ 2022年07月12日 05:59/ 0 赞/ 187 阅读

相关 CSS3新增的表格、列表属性以及media query媒体查询

CSS针对表格、列表等特定组件提供了相应的属性，通过表格相关属性可以控制表格的边框样式、表格标题所在位置、表格布局等；通过列表相关属性则可以控制列表样式，包括改变列表项的标记，

柔情只为你懂/ 2022年04月23日 11:06/ 0 赞/ 221 阅读

相关 CSS3系列四（Media Queries移动设备样式）

viewport设置适应移动设备屏幕大小 viewport：允许开发者创建一个虚拟窗口并自定义其窗口的大小或缩放功能 <meta name="viewport"

系统管理员/ 2022年04月10日 09:56/ 0 赞/ 197 阅读

相关使用CSS3 Media Queries实现网页自适应

原文来源：[http://webdesignerwall.com][http_webdesignerwall.com] 翻译：[http://xinyo.org][http_

叁歲伎倆/ 2021年09月15日 06:56/ 0 赞/ 509 阅读