/** 屏幕特殊处理 我们用min-width时,小的放上面大的在下面,同理如果是用max-width那么就是大的在上面,小的在下面 **/
@media screen and (max- 1680px) { //<= 1680px
body {
background-color: red;
}
}
@media screen and (max- 1280px) { //<= 1280px
body {
background-color: blue;
}
}
/** 屏幕特殊处理 我们用min-width时,小的放上面大的在下面,同理如果是用max-width那么就是大的在上面,小的在下面 **/
@media screen and (max- 1680px) { //<= 1680px
body {
background-color: red;
}
}
@media screen and (max- 1280px) { //<= 1280px
body {
background-color: blue;
}
}