Zurb基金會語義網格問題

Zurb基金會是偉大的，除了語義網格以外的所有東西都很好。我安裝了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語義網格的實例。這是非常強大和酷的框架，有一件事阻止了我使用 - 這個煩人的麻煩。希望你能幫助我。謝謝！Zurb基金會語義網格問題

來源

2012-11-05 tuin

如果你想要一個方便的前端框架，你可能會發現http://twitter.github.com/bootstrap/是一個很好的選擇。它有更多的功能。 –

感謝您的建議，但對於我使用sass和語義網格維護框架來說非常重要。 – tuin

我有一個類似的問題，當使用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; 
}

我也注意到這個問題只能用SASS混入時像@include outerRow()和innerRow()當我回到使用發生<div class="row"><div class="twelve columns">我沒有得到這個錯誤。

來源

2012-11-12 17:31:14

Zurb基金會語義網格問題

回答

相關問題