這里主要實(shí)現(xiàn)的目標(biāo)是實(shí)現(xiàn)當(dāng)分辨率低了就隱藏，達(dá)到某個(gè)分辨率后就顯示。

如下：

正常情況：

當(dāng)頁面變小后：

關(guān)鍵代碼如下：

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

當(dāng)max-height小于600px時(shí)

fas的display值為none。

當(dāng)max-width小于300px時(shí)

fas的display值為none。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。