html - 切换到移动尺寸时如何隐藏 DIV?

标签 html css amp-html

因此,我用 AMP HTML 编写了一个页面,并且我有一个 DIV,当有人在移动设备上查看该页面时我想隐藏它,但我希望它在桌面或平板电脑等分辨率下显示。根据 AMP 标准,我启用了 Bootstrap,并且文档中的所有 CSS 都设置了样式。

<section class="about" id="about" alt="about">

<div class="col-md-6">
<p>Example Content</p>
</div>

<div class="col-md-6">
<amp-img src="example.jpg" alt="Example" height="400" width="800"></amp-img>
</div>

</section>

我希望该部分中的第二个 DIV 在移动设备上隐藏。

最佳答案

Bootstrap 有这类东西的类。单独或组合使用它们以达到预期的效果。

隐藏-xs

http://getbootstrap.com/css/#responsive-utilities-classes

关于html - 切换到移动尺寸时如何隐藏 DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36918895/

相关文章:

AMP 文章微数据中的 SVG 图像?

javascript - 当元素进入视口(viewport)时如何使用 html 或 css(无 js)发送请求

jquery - 滚动回到窗口顶部时 scrollTop 位置不正确

javascript - 仅在 jquery 中使用 data-slidein=1 隐藏一个 slider 中的一个元素

java - 如何在 java 中包装来自 httprequest.getparameter 的文本

html - IE6 错误地渲染了 UL

css - AMP 轮播箭头未在 IE 和 Safari 上显示

html - 如何为不对称的导航栏创建 css?

javascript - 切换页面时保留表单数据

jquery - 修复了使用 scrollToFixed 插件进入相邻 float div 的 Div