自動PC端顯示 手機端隱藏CSS代碼判斷實現

實現場景描述：

有些內容部署在PC端但是有不適合在手機端顯示（比如盒子過大，遮擋內容）或者手機端顯示毫無意義等。我們可以使用下面的代碼來實現：電腦端顯示，手機端隱藏

實現方法：

CSS控制判斷

@media screen and (max-width: 1221px) { .wapnone{display:none; }
}

 

在需要隱藏的區域加一個DIV，代碼如下：

<div class="wapnone">你要css判斷隱藏的內容</div>

的1221px表示如果屏幕尺寸達到了1221像素以下將會隱藏否則顯示。具體數值可以自行調試）

 

本文源自: 鑽芒博客

原文鏈接: https://www.zmki.cn/5001.html