Question

如果屏幕宽度超过/低于特定值，是否可以使用（或不使用）Bootstrap 4隐藏div？它需要javascript吗？更具体地说，我正在寻找隐藏特定文本（我在移动屏幕上发现无用）。我尝试过像＃34; hidden-sm-up＆＃34;但我无法使它发挥作用。对不起，如果这是一个基本问题...

Answer 1

CSS中的媒体查询是您正在寻找的。

.mydiv{display:block; /*default behavior*/}
@media only screen and (max-width: 400px) { 
.mydiv{display:none; /*hide div on all screens with 700 and lower width*/}
 }

（尝试在js和outpuut块之间拖动分隔线） https://jsfiddle.net/qaabhmou/

你可以在这里找到更多： https://www.w3schools.com/css/css3_mediaqueries.asp https://www.w3schools.com/css/css3_mediaqueries_ex.asp

根据设备宽度显示/隐藏div

1 个答案: