共計 379 個字符，預計需要花費 1 分鐘才能閱讀完成。

有這個需求是因為博主給網站首頁加了友情鏈接板塊，但是橘子君只想讓這個板塊在電腦端展示，在移動端隱藏起來。為此，我在網上也查找方法，發現很少有人介紹，畢竟有這個需求的人可能不多。后來還是讓博主發現了一個 Div+CSS 內容只在電腦端展示，移動端隱藏的方法，特此記錄以供參考。

實現方法

想要隱藏網頁某段內容，可以在它的前面新加一個 Div，參考代碼如下：

<div class="none"> 需要隱藏的內容 </div>

然后對 Div 添加一個樣式，代碼如下：

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

PS：將上面的樣式加入到 CSS 文件中，樣式的意思是當屏幕尺寸達到 560 像素以下將會自動隱藏該 Div 層，如果你也想如此操作，站長可對數值進行調整。預覽效果可以查看本站首頁的友情鏈接板塊，在手機端將對內容進行隱藏。