html - Foundation hide-for-small 不工作

标签 html css mobile media-queries zurb-foundation

我正在尝试使用基础 hide-for-small 类在移动设备上隐藏我的导航栏。它似乎没有任何影响。据我了解

<h1 class="hide-for-small">Hidden on Mobile</h1>

应该在我的电脑上显示该元素,但在我的 iPhone 上隐藏它。

我错过了什么?

最佳答案

事实证明这是一个简单的错误,我遗漏了视口(viewport)元标记。

<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 

关于html - Foundation hide-for-small 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20532764/

相关文章:

html - 如何在样式表链接标签中正确使用 title 属性

html - 新行上的 Href

javascript - 使用 Jquery 根据单击的菜单项切换类

javascript - 获取不包括滚动条的整个 iframe 内容的大小

jquery mobile 在键盘时隐藏固定页脚

javascript - &lt;input&gt; 有焦点,但无法在 WebKit 中输入

javascript - Jquery 目标特定元素 - 下拉菜单

javascript - 根据选择仅显示 div 的下拉菜单

css - 显示:block; do to an element?到底是什么

AngularJS:在 iframe 中嵌入 Youtube 视频不适用于 Android Chrome