Javascript 特定分辨率时隐藏html元素

我正在使用twitter bootstrap 3.0。当屏幕分辨率变小时，菜单变为移动视图。我有一个包含图像的

div

滑块，所以当我的菜单更改为移动视图时（当屏幕分辨率很小时），我想隐藏该

div

我试图在我的div

visible desktop visible tablet

上应用

css

类，但它不起作用

---

还有其他方法吗？

考虑使用媒体查询。差不多

@media screen and (max-width:480px) {
    .mydiv {display:none}
}

---

如果您使用的是BootstrapV3，他们会更改响应实用程序的类名。看

您可能需要

.hidden xs

---

这也记录在

中，您可以将其放入该div的类中

。hidden xs

。。它更简单。您只是说此div在桌面和平板电脑上可见，而不是说它在小型设备上不可见。

您只需应用所看到的引导类即可。您也可以在那里测试它们，如果您调整浏览器屏幕的大小，您可以检查哪个屏幕处于活动状态

<div class="hidden-xs">This is the div that will hide on mobile</div>

这是将隐藏在手机上的div

只能在768px（手机）以下的任何屏幕上看到