基础 6 中不存在 small-only 的均衡器？答案

【问题标题】：equalizer on small-only does not exist in foundation 6?基础 6 中不存在 small-only 的均衡器？
【发布时间】：2016-02-14 01:03:04
【问题描述】：

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

【问题讨论】：

标签： javascript css html responsive-design zurb-foundation-6

【解决方案1】：

你可以把它改成data-equalize-on="small-only"

【讨论】：

这是针对以前版本的基础。经过大量谷歌搜索这个问题，我找到了解决方案。

【解决方案2】：

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

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

【讨论】：

您的意思是in all divs that you need to be equalized 吗？
你只需要给所有想要的潜水 .custom-class 并且它们不会再被大于小屏幕均衡。

【解决方案3】：

只是添加到解决方案中。如果你我们“小”，它意味着从小到大。您必须确保包含“仅小”，然后让均衡器发挥作用。

干杯。

【讨论】：

【解决方案4】：

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

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

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

【讨论】：