@媒体查询

解释

媒体查询是能在不同的条件下使用不同的样式，使页面在不同的终端设备下达到不同的渲染效果。

具体做法

@media 媒体类型 and （媒体特性） {你的样式} 1.存在and，not，only，关键词 2.经常使用的是

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

@media screen and (min-width:992px)

@media screen and (min-width:768px)

@media screen and (min-width:480px)

在设置时，需要注意先后顺序，不然后面的会覆盖前面的样式。