语法格式:
@media mediaType and|not|only (media feature) {
/CSS-Code;/
}
如:
@media screen and (max-width: 300px) {
body {
background-color:lightblue;
}
}
设置了当屏幕宽度不超过300px时,背景颜色是亮蓝色。
也可以多个条件进行限制:
@media (min-width: 992px) and (max-width: 1200px) {…..}
表示当浏览器缩放尺寸在992px~1200px之间时,要执行的样式