Css媒体查询

媒体查询就是根据不同的设备宽度设置断点，然后书写css样式覆盖之前的样式。

媒体类型：screen：计算机屏幕，print：打印，all：所有设备

媒体属性：多数媒体属性带有“min-”和“max-”前缀，用于表达“小于等于”和“大于等于”。媒体属性必须用括号()包起来width | min-width | max-width height | min-height | max-height

逻辑操作符：and，or，not，only

and用来把多个媒体属性组合起来，合并到同一条媒体查询中。只有当每个属性都为真时。查询结果才为真

or将多个媒体查询以逗号分隔放在一起；只要其中任何一个为真，整个媒体语句就返回真

not用来对一条媒体查询的结果进行取反

only操作符表示仅在媒体查询匹配成功时应用的样式

@media only screen and (max-width:1000px)