媒体查询语法

CSS媒体查询语法

body {
    background-color: gray;
}
@media screen and (max-width: 960px) {
    body {
        background-color: red;
    }
}
@media screen and (max-width: 768px) {
    body {
        background-color: orange;
    }
}
@media screen and (max-width: 550px) {
    body {
        background-color: yellow;
    }
}
@media screen and (max-width: 320px) {
    body {
        background-color: green;
    }
}