Foundation 6 中不存在 small-only 均衡器？

Question

我使用的是 Foundation 6，这是最新发布的版本。我的均衡器有问题。我只想为小屏幕打开均衡器。根据 : http://foundation.zurb.com/sites/docs/equalizer.html , 当我使用这个时： data-equalizer data-equalize-on="small" 它适用于所有屏幕尺寸。请帮助我。

Answer 1

您可以将其更改为 data-equalize-on="small-only"

Answer 2

我找到了问题的答案。与基础 5 不同，没有内置解决方案，因此我们必须在 css 中手动限制均衡。它将覆盖中等和较大视口的均衡高度。 .custom-class必须写在所有不需要均衡的div中。

@media (min-width:640px){
    .custom-class{
        height:auto !important; 
    }
}

Answer 3

只是添加到解决方案中。如果你是我们"small"，那就意味着从小到大。您必须确保包含 "small only"，然后让 Equalizer 发挥它的魔力。

干杯。

Answer 4

任何登陆此页面并有类似问题的人，请注意 Foundation 5 有针对 data-equalizer 功能的媒体查询。如果你看看Foundation Responsive equalizer，你可以这样做：

<... data-equalizer data-equalizer-mq="small-only">

仅适用于小屏幕。这对我真的很有用！

Foundation 6 中不存在 small-only 均衡器？

equalizer on small-only does not exist in foundation 6?

javascript

css

html

responsive-design

zurb-foundation-6