屏幕分辨率小于特定尺寸時隱藏DIV元素
來源：網絡 發(fā)布時間：2023-03-05 查看次數：668
當我們網頁樣式呈現方面有一些特殊需求時，比如PC端網頁一個DIV元素的內容在移動端上不想體現，要隱藏掉，那么這時有什么辦法？其實解決方案很容易，參考如下步驟：
1、在CSS樣式表里添加如下代碼：
CSS
@media only screen and (max-width: 1000px) { #fadeshow { display: none; } }
意思就是當屏幕分辨率小于1000像素時，元素顯示：無，也就是整塊在網頁上不顯示，并且不占位。
2、在你需要隱藏的DIV上加上：id="fadeshow"，如下示例：
<div id="fadeshow" style="height: 58px; background-color: #000;"></div>
那么這樣PC端會顯示，而移動端就會隱藏了，當然1000px可以自己定義數值，考慮平板上是否要體現。
【聲明：信息來自網絡，如有侵權，聯系既刪。】
