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

Question

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

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 和输出块之间的分隔线） https://jsfiddle.net/qaabhmou/

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