Zurb foundation 升级到Zurb基金会4.3和现在隐藏在大屏幕上的部分

Zurb foundation 升级到Zurb基金会4.3和现在隐藏在大屏幕上的部分,zurb-foundation,Zurb Foundation,大约一个月前,我刚从4.1版升级,突然我的部分(horozintal nav)被隐藏在768px以上的屏幕上。在升级之前,它将在768px以上显示为水平导航,在较小的屏幕上显示为手风琴 我在用指南针和沙斯 我还尝试过将他们文档中的示例代码剪切粘贴到我的页面顶部,我也得到了同样的效果 隐藏控件的CSS /* line 49, ../../../../../lib/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_

大约一个月前,我刚从4.1版升级,突然我的部分(horozintal nav)被隐藏在768px以上的屏幕上。在升级之前,它将在768px以上显示为水平导航,在较小的屏幕上显示为手风琴

我在用指南针和沙斯

我还尝试过将他们文档中的示例代码剪切粘贴到我的页面顶部,我也得到了同样的效果

隐藏控件的CSS

  /* line 49, ../../../../../lib/gems/1.9.1/gems/zurb-foundation-4.3.1/scss/foundation/components/_section.scss */
  [data-section='horizontal-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.horizontal-nav:not([data-section-resized]):not([data-section-small-style]) {
    visibility: hidden;
  }

是否还有其他人有此问题?

似乎我只需要将数据节大小调整属性添加到容器中

<div data-section="horizontal-nav" data-section-resized>...</div>
。。。

这么简单的修复,但zurb文档中没有这个功能-有人知道这个属性的用途吗?

我也遇到了这个问题。上面的答案对我来说不太合适,因为我所有的标签都挤到了右上角,相互重叠

这条线索帮我整理了一下:

这个没有坏。当图元不可见时,无法正确计算大小。如果要隐藏它们然后显示,则需要调用reflow或激发resize事件,以便计算正确的大小

至少在我的情况下,在基金会能够计算宽度之后,我的物品被装载,所以它总是到0。< /P>
希望这有帮助

在twitter@foundationzurb或github上询问他们。他们通常对响应很好。也有这个问题,下面的修复有帮助。看起来确实有点像黑客,我想JS应该自动添加其中一个数据属性,因此取消隐藏所有内容。