首页 文章

Zurb基金会语义网格故障

提问于
浏览 次
1

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

grid semantic-markup zurb-foundation

1 回答

  • 0

    当使用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() 等SASS mixins时，我回到使用 <div class="row"><div class="twelve columns"> 我没有收到此错误 .

    回复于

相关问题