0

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

4

4 回答 4

1

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

于 2016-02-14T06:25:44.153 回答
1

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

@media (min-width:640px){
    .custom-class{
        height:auto !important; 
    }
}
于 2016-02-14T20:54:14.247 回答
0

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

干杯。

于 2016-02-17T19:59:24.323 回答
0

任何登陆此页面并有类似问题的人,请注意 Foundation 5 对该data-equalizer功能有媒体查询。如果您查看Foundation Responsive equalizer,您可以执行以下操作:

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

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

于 2016-08-07T16:02:30.427 回答