Frameworks 祖尔布'；S基础3：较小的栅格宽度

我一直在和警察一起工作

我试图在_settings.scss中设置为小于1000px的宽度，但出于som原因，即使输入较小的数字，它也只能降到770px。以下是我所做的：

已执行指南针：

compass watch projectname

编辑的_settings.scss:

$rowWidth:660px

将标记设置为：

<div class="row"> <div class="twelve columns"> <h1>Heading</h1> <p>Some message here ...</p> </div> </div> 标题 这里有一些信息

---

我是这样解决的：

创建了一个_overrides.scss文件：

sass/_overrides.scss

在app.scss中导入文件：

@import“overrides”

将其添加到_overrides.scss文件：

@media only screen and (min-width: $rowWidth) { .row { min-width: $rowWidth; } } @media only screen and (max-width: 767px) { .row { width: $rowWidth; margin:0 auto; } } @仅介质屏幕和（最小宽度：$rowWidth）{ .行{ 最小宽度：$rowWidth； } } @仅介质屏幕和（最大宽度：767px）{ .行{ 宽度：$rowWidth； 保证金：0自动； } }

现在我可以通过更改$rowWidth来控制

\u settings.scss

中的宽度，例如：

$rowWidth:660px

只有一个小问题：如果$ColumnGotter小于30px，那么如果屏幕大小小于660px，就会出现水平滚动