/** 屏幕特殊处理 我们用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面 **/
@media screen and (max-width: 1680px) { //<= 1680px
body {
background-color: red;
}
}
@media screen and (max-width: 1280px) { //<= 1280px
body {
background-color: blue;
}
}原文：https://www.cnblogs.com/jiqing9006/p/12245291.html