【问题标题】: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">

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-12-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多