【问题标题】：Zurb's Foundation 3: Smaller grid widthZurb's Foundation 3：更小的网格宽度
【发布时间】：2012-10-24 19:34:50
【问题描述】：
一直在使用Zurb Foundation 3 framework。
我试图在 _settings.scss 中设置小于 1000px 的宽度，但出于某种原因，即使我输入的数字较小，它也只会下降到 770px。这是我所做的：
- 执行的指南针：
compass watch projectname
- 已编辑 _settings.scss：
$rowWidth: 660px;
-
将标记设置为：
【问题讨论】：
标签：
frameworks
responsive-design
compass-sass
sass
【解决方案1】：
我是这样解决的：
- 创建了一个 _overrides.scss 文件：
sass/_overrides.scss
- 在 app.scss 中导入文件：
@import "overrides";
-
将此添加到 _overrides.scss 文件中：
@media only screen and (min-width: $rowWidth) {
。排 {
最小宽度：$rowWidth；
}
}
@media only screen and (max-width: 767px) {
。排 {
宽度：$行宽度；
边距：0 自动；
}
}
现在我可以通过改变$rowWidth来控制_settings.scss中的宽度，例如：$rowWidth: 660px;
只是一个小问题：如果 $columnGutter 小于 30px，如果屏幕尺寸小于 660px，则会出现水平滚动。