DIVCSS自動適應(yīng)寬度,如果小于就隱藏
我們在做響應(yīng)頁面時,想在某個分辯率下把某個標(biāo)簽自動隱藏。比如導(dǎo)航,在正常分辨率下,顯示寬的導(dǎo)航,在手機屏幕下,寬的導(dǎo)航自動隱藏,剛顯示手機版的導(dǎo)航。這里我們就要用到媒體查詢 @media,代碼如下 :
@media screen and (max-width:320px){
.nav{display:none;?}
}
上面代碼表示?在小于320px的分辯率,標(biāo)簽nav自動隱藏。以上是CSS3的方法,低端瀏覽器不支持。
聲明:
1.本站主要是為了記錄工作、學(xué)習(xí)中遇到的問題,可能由于本人技術(shù)有限,內(nèi)容難免有紕漏,一切內(nèi)容僅供參考。
2.本站部分內(nèi)容來源互聯(lián)網(wǎng),如果有圖片或者內(nèi)容侵犯您的權(quán)益請聯(lián)系我們刪除!
3.本站所有原創(chuàng)作品,包括文字、資料、圖片、網(wǎng)頁格式,轉(zhuǎn)載時請標(biāo)注作者與來源。
1.本站主要是為了記錄工作、學(xué)習(xí)中遇到的問題,可能由于本人技術(shù)有限,內(nèi)容難免有紕漏,一切內(nèi)容僅供參考。
2.本站部分內(nèi)容來源互聯(lián)網(wǎng),如果有圖片或者內(nèi)容侵犯您的權(quán)益請聯(lián)系我們刪除!
3.本站所有原創(chuàng)作品,包括文字、資料、圖片、網(wǎng)頁格式,轉(zhuǎn)載時請標(biāo)注作者與來源。
THE END