css - Materializecss 如何根据设备大小变化隐藏 Div 标签?

标签 css materialize

说到桌面 View ,界面应该是3列的。但是当涉及到移动 View (360 x 640)或(360 x 480)时,我不想显示第一列,应该只显示两列。 作为引用,我在这里提到了三列。

<div class="col s12 m2 l2">...</div>
<div class="col s12 m8 l8">...</div>
<div class="col s12 m2 l2">...</div>

最佳答案

@media 间接帮助了我,让我告诉你如何。正如上面答案中提到的细节,我在现有的CSS中搜索了@media。我发现了 hide-on-small-and-downhide-on-med-and-down 等属性。我将它们应用于 div 类,效果非常好。

关于css - Materializecss 如何根据设备大小变化隐藏 Div 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38750955/

相关文章:

html - 难以通过物化改变文本框上的焦点

css - 如何将上一个和下一个箭头放入物化轮播中?

css - body 背景侥幸 - 顶部空白

html - 如何隐藏和显示表格行(css-tables)

css - CSS可以根据语言选择不同的默认字体和大小吗

javascript - 在 materializecss“日期选择器中设置最小日期

jquery - 当选项卡数量多于容器宽度可容纳且不滚动时,如何使 MaterializeCSS 选项卡可滚动

css - 是否可以将 MaterializeCss 集成到 Bootstrap 中

jquery - 确定选择了哪个单选按钮 - 自定义单选按钮标记

javascript - 我该如何解决以关闭此模式?