Question

Zurb Foundation很棒，除了语义网格之外的一切都很好。我安装了zurb-foundation gem（最新公开发布）; 复制粘贴标记示例和Scss从Zurb官方网站到index.html和app.scss的语义网格示例，它工作不正确：页面不响应“中景”和较低格式，当我调整页面大小时 - 滚动条是出现。我在https://groups.google.com/forum/?fromgroups=#!topic/foundation-framework-/Yjh_9f21foQ上找到了相同的问题，而且此页面http://szabinho.com/zurb/很好地说明了我所说的内容。每个人都可以向我展示Zurb的语义网格的实际例子。它是非常强大和酷的框架，有一件事阻止我使用 - 这个烦人的麻烦。希望你帮帮我。谢谢！

Answer 1

当使用Sass和mixins编译我的语义网格时，我遇到了类似的问题。

我注意到.row的最小宽度设置为：

.row {
  width: 960px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto;
}

所以这意味着所有行的宽度至少为768px。您可以在app.css中覆盖此设置（或scss是您正在使用SASS），如下所示：

.row {
  min-width: 0!important;
}

我还注意到，当我回到使用@include outerRow()时，使用innerRow()和<div class="row"><div class="twelve columns">等SASS mixins时才出现此问题。我没有收到此错误。

Zurb基金会语义网格故障

1 个答案: