css3中媒体查询的语法简介

小编给大家分享一下css3中媒体查询的语法简介,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

媒体查询的语法组成是“@media不是|只有mediatype和(表达式){CSS代码…;}”;媒体查询可由多种媒体组成,可以包含一个或多个表达式,表达式根据条件是否成立返回真或假。

本教程操作环境:windows7多系统,CSS3&, HTML5版,戴尔G3电脑。

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

媒体查询可用于检测很多事情,例如:

<李>

视窗(视窗)的宽度与高度

<李>

设备的宽度与高度

<李>

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

<李>

分辨率

目前很多针对苹果手机,安卓手机,平板等设备都会使用到多媒体查询。

<强>查询语法

@media 不| only  mediatype 以及(表达式),{ 　　,,,CSS 代码……; 　　以前,}

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

<强>媒体类型

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

除非使用不了或> @media  screen 以及(min-width: 480 px), { 　　,,,body  { 　　,,,,,,字体大小:16 px; 　　,,,} 　　}

看完了这篇文章,相信你对“css3中媒体查询的语法简介”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

css3中媒体查询的语法简介