Question

我的问题非常简单。（我是css / html / javascript的初学者）

我想在移动浏览器中隐藏div并在其他设备（PC和笔记本电脑）中显示div。

我该怎么办？

Answer 1

在http://getbootstrap.com/css/#responsive-utilities处查看Bootstrap的响应式实用程序文档。

在这种特定情况下，您可以使用类visible-xs-block使<div>仅在用于移动电话的 xs 断点上显示，并且hidden-xs {1}}在所有其他断点上显示<div>。

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" />

<div class="visible-xs-block">only visible on xs</div>
<div class="hidden-xs">visible on everything but xs</div>

Answer 2

您可以使用媒体查询。例如，您可以使用：

<style>
@media (max-width: 600px) {
    .my-div {
        display: none;
    }
}
</style>

此处提供更多信息：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

在bootstrap中使可见和不可见的div标签

2 个答案: