媒体查询是CSS3中的一个重要特性，允许开发者根据设备特性定义不同的样式。通过not、only和all等参数，我们可以针对不同屏幕尺寸的设备应用特定的样式，从而创建响应式的网页设计。例如，only关键字在支持Media Queries的设备上用于忽略并应用样式，而在不支持的设备上则会被忽略。媒体功能则允许我们检测设备的特性，如宽度、高度和颜色等，进一步定制样式。
使用媒体查询，你可以针对不同的媒体类型定义不同的样式。
媒体查询可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页
面
语法：
参数：
not：是用来排除掉某些特定的设备的，比如 @media not print（非打印设备）。
only: 用来指定某种特别的媒体类型。对于支持 Media Queries 的移动设备来说，如
果存在 only 关键字，移动设备的 Web 浏览器会忽略 only 关键字并直接根据后面的表达式
应用样式文件。对于不支持 Media Queries 的设备但能够读取 Media Type 类型的 Web
浏览器，遇到 only 关键字时会忽略这个样式文件。
all: 所有设备，这个应该经常看到。
CSS3 多媒体类型
媒体功能
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
