Bootstrap提供了一個封裝好的類:

.hidden-xs: 當屏幕寬度<768px時隱藏
.hidden-sm: 當屏幕768px <= 寬度<992px時隱藏
.hidden-md: 當屏幕992px<= 寬度<1200px時隱藏
.hidden-lg: 當屏幕寬度>1200px時隱藏

下面使用css3的 媒體查詢來實現:

@media screen and (max-width: 768px) {.hidden-xs{display: none;} }@media screen and (min-width: 768px) and (max-width:992px) {.hidden-sm {display: none;} }@media screen and (min-width: 992px) and (max-width:1200px) {.hidden-md {display: none;} }@media screen and (min-width: 1200px) {.hidden-lg {display: none;} }

總結

以上是生活随笔為你收集整理的css --- 使用媒体查询当屏幕宽度小于某个值时,隐藏掉某个类的全部內容，希望文章能夠幫你解決所遇到的問題。

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