媒体查询可用于检测的媒体特性,比如: width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。
媒体查询使用:
我们可以将媒体查询视为浏览器的if-else语句来解释,媒体查询是评估为真或假的逻辑表达式。媒体查询包括可选的媒体类型、零个或多个媒体特性以及允许构造更复杂表达式的逻辑关键字。
基本语法:
@media [not | only] <media-type> [and] (<media-condition>);
说明:
media-type(媒体类型)
媒体类型是可以显示HTML文档的广泛类别的用户代理设备。媒体类型列表已在媒体查询级别4规范中进行了修订。已弃用的媒体类型被识别为有效,但不会与任何设备匹配,即您的媒体查询仍将适用,但在所有设备上都应用,就像没有指定媒体类型一样。
可以设置下列的媒体类型:
all:匹配所有设备。
print:匹配打印机和用于再现打印显示的设备,例如在“预览”中显示文档的Web浏览器。
screen:匹配所有与打印或语音不匹配的设备。
speech:匹配屏幕阅读器和“读出”页面的类似设备。
media-condition(媒体功能)
媒体功能比媒体类型更精细,因为它针对相关设备设置单个特定功能。媒体功能的语法与CSS属性相同,包括功能名称,冒号和要测试的值都相同。
媒体功能列表也已从介质查询级别3更改为介质查询级别4;已弃用的功能已保留在规范中以便向后兼容,但强调它们不得用于新样式表。用户代理仍将按指定继续支持它们。
以上就是css媒体查询怎么写?的详细内容,更多请关注易知道|edz.cc其它相关文章!