为一个元素设置多个类，然后通过 媒体查询 会根据当前 屏幕分辨率 来选择适合的类进行渲染。

语法：

/* 宽度大于992px的时候被应用（pc端） */
@media screen and (min-width: 992px) {
    body {
        background-color: skyblue;
    }
}

/* 宽度在768px和992px之间的时候被应用（ipad端） */
@media screen and (min-width: 768px) and (max-width: 992px) {
    body {
        background-color: lightcoral;
    }
}

/* 宽度小于768px的时候被应用（移动端） */
@media screen and (max-width: 768px) {  
    body {
        background-color: lightgreen;
    }
}