SOURCE

/* 共同样式 */
/* 共同样式写在响应式样式的上面 */

/* pc端样式开始 */
@media screen and (min-width: 992px) {
    body {
        background-color: skyblue;
    }
}
/* pc端样式结束 */

/* ipad端样式开始 */
@media screen and (min-width: 768px) and (max-width: 992px) {
	body {
        background-color: lightgreen;
    }
}
/* ipad端样式结束 */

/* 移动端样式开始 */
@media screen and (max-width: 768px) {
	body {
        background-color: lightcoral;
    }
}
/* 移动端样式结束 */