兩個(gè)并列的class同時(shí)用@media只有一個(gè)生效，另一個(gè)不生效且審查元素找不到相應(yīng)CSS。
如果想讓兩個(gè)DIV并排顯示，在PC端瀏覽時(shí)，一個(gè)寬度占70%，另一個(gè)占30%；移動(dòng)端瀏覽時(shí)第一個(gè)div全屏顯示，第二個(gè)div不顯示，用了如下代碼，其中第一個(gè)div想要的效果達(dá)成了，第二個(gè)div沒(méi)生效，CSS寫(xiě)成內(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選擇器的兩個(gè)媒體特性都是max-width: 768px ？這不對(duì)吧？