媒体查询&响应式布局

媒体查询：只是一个工具，检测不同设备的特性从而设置不同的css样式。

媒体查询的写法：@media 设备类型 关键字 （媒体特性）{css声明}

@media是固定写法 表示声明/定义媒体查询

设备类型：电脑 手机 pad等设备的特性 检测屏幕

关键字：常用的是and 还有only，not

（媒体特性）：判断的条件 是一个公式

{css声明}：样式表

注意：

媒体查询建议写在css样式表的下方

媒体查询写法 每个英文单词之间都需要加上空格

如果有多个媒体特性 之间设置一个and继续书写媒体特性即可

提醒：市面上电脑设备厂商太多 媒体查询设置会有一些误差

媒体查询&响应式布局

原文：https://www.cnblogs.com/xsc1234/p/15196423.html