當(dāng)前位置：主頁 > 網(wǎng)站建設(shè) > 屏幕分辨率小于特定尺寸時(shí)隱藏DIV元素建站知識(shí)

屏幕分辨率小于特定尺寸時(shí)隱藏DIV元素建站知識(shí)

時(shí)間:2023-04-27 22:04:27 閱讀: 文章分類: 網(wǎng)站建設(shè) 作者: 網(wǎng)站編輯員

建站知識(shí)

當(dāng)我們網(wǎng)頁樣式呈現(xiàn)方面有一些特殊需求時(shí)，比如PC端網(wǎng)頁一個(gè)DIV元素的內(nèi)容在移動(dòng)端上不想網(wǎng)站seo優(yōu)化培訓(xùn)體現(xiàn)，要隱藏掉，那么這時(shí)有什么辦法？其實(shí)解決方案很容易，參考如下步驟：

屏幕分辨率小于特定尺寸時(shí)隱藏DIV元素

1、在CSS樣式表里添加如下代碼：

@media only screen and (max-width: 1000px) 網(wǎng)seo優(yōu)化趨勢(shì){
    #fadeshow {
        display: none;
    }
}

意思就是當(dāng)屏幕分辨率小于1000像素時(shí)，元素顯示：無，也就是整塊在網(wǎng)頁上不顯示，并且不占位。

2、在你需要隱藏的DIV上加上：id="fadeshow"，如下示例：

<div id="fadeshow" style="height: 58西安網(wǎng)站建設(shè)px; background-color: #000;"></div>

那么這樣PC端會(huì)顯示，而移動(dòng)端就會(huì)隱藏了，當(dāng)然1000px可以自己定義數(shù)值，考慮平板上是否要體現(xiàn)。

相關(guān)網(wǎng)站seo優(yōu)化培訓(xùn)百度seo網(wǎng)站優(yōu)化。

關(guān)鍵詞標(biāo)簽: 元素尺寸屏幕分辨率

聲明: 本文由我的SEOUC技術(shù)文章主頁發(fā)布于:2023-04-27 ，文章屏幕分辨率小于特定尺寸時(shí)隱藏DIV元素建站知識(shí)主要講述元素,尺寸,屏幕分辨率網(wǎng)站建設(shè)源碼以及服務(wù)器配置搭建相關(guān)技術(shù)文章。轉(zhuǎn)載請(qǐng)保留鏈接: http://www.bifwcx.com/article/web_72.html