這里主要實現的目標是實現當分辨率低了就隱藏，達到某個分辨率后就顯示。

如下：

正常情況：

當頁面變小后：

關鍵代碼如下：

@media (max-height: 600px) {.fas{display: none!important;} }@media (max-width: 300px) {.fas{display: none!important;} }

當max-height小于600px時

fas的display值為none。

當max-width小于300px時

fas的display值為none。

總結

以上是生活随笔為你收集整理的Web前端笔记-使用@media（媒体查询）展示及隐藏div的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。