問(wèn)題描述

@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;} }}

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

問(wèn)題解答

是的，兩個(gè)都會(huì)匹配到，按正常層疊規(guī)則算，也就是下面的覆蓋上面的。