@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???)。還有這兩個媒體查詢有無先後順序?
是的,兩個都會配對到,按正常層疊規則算,也就是下面的覆蓋上面的。