Question

我为我的网站制作了几个模型的原型，并决定使用Foundation。 Foundation具有一个功能，当视口小于768px时，它可以轻松地隐藏页面元素。奇怪的是，当我将.hide-for-small类应用于元素时，会将元素缩小大约10px。它似乎没有添加填充或边距，而是仅在该元素上设置新的视图端口大小。当我将.hide-for-small类应用于宽度为100％的元素时，这是最常见的。

任何人都可以帮忙解释一下吗？

Answer 1

我看到你的代码，但有一些问题。您将'columns'和'hide-for-small'类添加到不正确的包装div中。你必须在'row'中使用'columns'和'hide-for-small'类。

例如，您的代码必须是这样的：

<div class="row">
    <div class="large-8 hide-for-small columns">
        ...
    </div>
    <div class="large-4 hide-for-small columns">
        ...
    </div>
</div>

基础.hide-for-small意外行为

1 个答案: