Zurb 基础 - 在 sass 设置中设置行宽不起作用答案

【问题标题】：Zurb foundation - setting the row width in sass settings not workingZurb 基础 - 在 sass 设置中设置行宽不起作用
【发布时间】：2026-01-21 07:30:01
【问题描述】：

我正在使用 zurb 基础 v6。在我的项目中，我想将行的宽度设置为与默认设置不同的值，我尝试在我的_settings.scss 中设置变量$grid-row-width：

$grid-row-width: 1400px;

但是，那行不通，该行的宽度仍然设置为：

max-width: 75rem;

【问题讨论】：

尝试使用$grid-row-width: 1400px !important;检查您的$grid-row-width值是否被zurb基础v6变量覆盖，如果是这种情况，您可以尝试更改加载顺序以加载您的文件最后一个。

标签： css sass zurb-foundation-6

【解决方案1】：

将 $global-width: rem-calc(1200) 更改为等于或大于您想要的宽度。默认值为 $grid-row-width: $global-width。我认为您正试图使其比允许的全局宽度更宽。

【讨论】：

【解决方案2】：

这是在我的app.scss 文件中导入文件的错误顺序，由于某种原因，当我在包含foundation-everything 之后导入settings.scss 时它不起作用，但是在我在@ 之前导入settings 文件之后987654325@ 那么该行的宽度为1400px。

@import "foundation";
@import "settings";
@import "motion-ui";

@include foundation-everything;

@import "top-bar";
@import "front-page";
@import "article";

【讨论】：