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

大约一个月前，我刚从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应该自动添加其中一个数据属性，因此取消隐藏所有内容。