問題描述

@media screen and (max-width:768px){ body{background: lightgreen;.content{ width: 700px; height: 1004px;} } }@media screen and (min-width:768px) and (max-width:1200px){ body{background: lightgreen;.content{ width: 1060px; height: 1900px;} }}

關于這兩個媒體查詢我想問一下如果一個設備寬度正好有768px，那么它適用哪個媒體查詢，或者說第二個媒體查詢可以表示成（x>=768&&x<1200???）。還有這兩個媒體查詢有無先后順序？

問題解答

是的，兩個都會匹配到，按正常層疊規則算，也就是下面的覆蓋上面的。