媒体查询使用方法

媒体查询使用方法

首先：通过@来找到我们的媒体查询@media，开头注意@符号

如图所示：

 

如图所示:这就是媒体查询的完整形式

and :可以将多个媒体特性连接到一起，相当于“且”的意思

小括号里面写的是媒体查询的条件也可以叫特性

大括号里面写代码块。

如图所示：我给了一个条件设置最大宽度为800px时执行代码

将背景色变成天蓝色。

如图所示：

运行之后可看到：

当浏览器的宽度在800px以内时可视窗口的颜色变为了天蓝色

以上就是媒体查询的使用方法。