兩個并列的class同時用@media只有一個生效，另一個不生效且審查元素找不到相應(yīng)CSS。
如果想讓兩個DIV并排顯示，在PC端瀏覽時，一個寬度占70%，另一個占30%；移動端瀏覽時第一個div全屏顯示，第二個div不顯示，用了如下代碼，其中第一個div想要的效果達(dá)成了，第二個div沒生效，CSS寫成內(nèi)聯(lián)式和外部式都不起作用，在瀏覽器中審查元素也找不到相關(guān)CSS代碼，這是什么情況原因?qū)е碌哪兀?/p>
@media (min-width: 768px){
? ?.article-detail {position: relative;float: left;width: 70%;}
}
@media (max-width: 768px){
? ?.article-detail {position: relative;float: left;width: 100%;}
}
@media (max-width:768px){
.right-contant {position: relative;float: right;width: 30%;}
}
@media (max-width:768px){
.right-contant {display: none;}
}
2021-05-06
right-contant選擇器的兩個媒體特性都是max-width: 768px ？這不對吧？