Javascript 如何在移动设备上自动隐藏网页的旋转木马？

我有一个用Bootstrap3构建的网页，页面顶部有一个旋转木马组件。我想在移动设备上打开页面时隐藏完整的

部分。当屏幕分辨率（不是窗口大小）低于800x600时，我还想在pc上隐藏它

---

这可以通过一个简单的

meta

标记来实现吗？或者我必须使用javascript吗？

媒体查询也可以

让我们考虑你有一个转盘，它用ID“CARULILE容器”< /P>包在div内。 现在在你的css中

@media (max-width:800px) {
    #carouselContainer {
        display:none !important;
    }
}

当显示太小时，它将隐藏旋转木马

---

为了更好地了解媒体查询，

< P>如果你的项目是灵活的，你还没有固定使用最大的800的宽度，那么考虑使用.Buffer-XS类，它将隐藏在一个宽度小于768 px的显示器上的div。

<div class="carouselContainer hidden-xs">
...
</div>

...