CSS媒体查询

不同设备：

用法：

@media screen{
  
}

可选值：all 所有设备；screen 屏幕；print 打印机；speech 屏幕阅读器

拓展：可以选择多个，也可以用only只选择一个且兼容老版本浏览器

不同宽度：

• width：刚好满足宽度生效
• height：刚好满足高度生效
• min-weidth：最小宽度生效（即宽度大于值生效）
• max-weidth：最大宽度生效（即宽度小于值生效）

几个常用分界点：

小于768px-->max-width:768px

大于768-->minwidth:768px

大于992-->min-width:992px

大于1200-->min-width:1200px

@media screen and (min-width:1200px) and (max-width:2400px){

}

与：and；或：, ；非：not；