CSS媒体查询的使用

媒体查询的作用是，可以获取设备真实的宽度，在进行响应式布局的时候，我们必须要设置媒体查询。

@media + 屏幕类型 { }

常见的媒体类型：

媒体查询的条件：

媒体查询的逻辑操作符：

 案例展示：

 

 

 

媒体查询的引入：

 

 

注意：

1. 在书写媒体条件的时候，需要将媒体条件写在小括号中，一个小括号中只能书写一个媒体条件，在媒体条件属性后的属性值，不能书写分号

2. 在书写媒体查询的时候，我们一般要将媒体查询写到样式的最下面，（以避免因为写在前面，导致样式不生效）

3.