1

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

4

1 回答 1

0

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

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

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

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

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

我还注意到这个问题只在使用 SASS mixins 时发生@include outerRow()，innerRow()当我重新使用时，<div class="row"><div class="twelve columns">我没有收到这个错误。

于 2012-11-12T17:31:14.973 回答