css3中媒体查询的语法组成是什么

媒体查询 的语法组成是“@media not|only mediaty PE and (ex Press ions) {CSS代码 .. .;}”；媒体查询可由多种媒体组成，可以包含一个或多个表达式，表达式根据条件 是否 成立返回true或false。

本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。

CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。

媒体查询可用于检测很多事情，例如：

viewport(视窗) 的 宽 度与高度

设备的宽度与高度

朝向 (智能手机的横屏，竖屏)

分辨率

目前很多针对 苹果 手机，And ROI d 手机，平板等设备都会使用到多媒体查询。

查询语法

@media not|only mediatype and (ex PR essions) {
    CSS 代码...;
 }

多媒体查询由多种媒体组成，可以包含一个或多个表达式，表达式根据条件是否成立返回 true 或 false。

媒体类型

如果指定的多媒体类型匹配设备类型则查询结果返回 true，文档会在匹配的设备上显示指定样式效果。

除非使用了 not 或 only 操作符，否则所有的样式会适应在所有设备上显示效果。

值 描述

all	用于所有媒体设备
print	用于 打印机
screen	用于 电脑屏幕 ，平板，智能手机等
speech	用于屏幕 阅读器

媒体功能

值 描述

aspect-ratio	定义输出设备中的页面可见区域宽度与高度的比率
color	定义输出设备每一组彩色原件的个数。如果不是彩色设备，则值等于0
color -i ndex	定义在输出设备的彩色查询表中的条目数。如果没有使用彩色查询表，则值等于0
device-aspect-ratio	定义输出设备的屏幕可见宽度与高度的比率。
device-h ei ght	定义输出设备的屏幕可见高度。
device-width	定义输出设备的屏幕可见宽度。
height	定义输出设备中的页面可见区域高度。
max-aspect-ratio	定义输出设备的屏幕可见宽度与高度的最大比率。
max-color	定义输出设备每一组彩色原件的最大个数。
max-color-index	定义在输出设备的彩色查询表中的最大条目数。
max-device-aspect-ratio	定义输出设备的屏幕可见宽度与高度的最大比率。
max-device-height	定义输出设备的屏幕可见的最大高度。
max-device-width	定义输出设备的屏幕最大可见宽度。
max-height	定义输出设备中的页面最大可见区域高度。
max-resolution	定义设备的最大分辨率。
max-width	定义输出设备中的页面最大可见区域宽度。
min-device-width	定义输出设备的屏幕最小可见宽度。
min-device-height	定义输出设备的屏幕的最小可见高度。
min-height	定义输出设备中的页面最小可见区域高度。
min-width	定义输出设备中的页面最小可见区域宽度。
orientation	定义输出设备中的页面可见区域高度是否大于或等于宽度。
resolution	定义设备的分辨率。如：96dpi, 300dpi, 118dpcm
width	定义输出设备中的页面可见区域宽度。

举个例子
屏幕宽度大于480px，字体的大小设置为16px。

@media screen and (min-width: 480px) {
    body {
       font- Size: 16px;
    }
}

（学习视频分享：css视频教程）

以上就是css3中媒体查询的语法组成 是什么 的详细内容，更多请关注其它相关 文章 ！

总结

以上是 为你收集整理的 css3中媒体查询的语法组成是什么 全部内容，希望文章能够帮你解决 css3中媒体查询的语法组成是什么 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css3中媒体查询的语法组成是什么的详细内容...