zurb 基础 - 更改网格容器大小？

【问题标题】：zurb foundation - change grid-container size?zurb 基础 - 更改网格容器大小？
【发布时间】：2017-07-28 16:38:17
【问题描述】：

.grid-container 在大屏幕上的默认宽度是多少？我怎样才能改变它并使它变大？正确的做法是什么？

【问题讨论】：

【解决方案1】：

.grid-container 的默认宽度在 _settings.css 文件中定义。在 Xy 网格部分检查它：

// 56. Xy 网格

$grid-container: $global-width;

所以，默认宽度是 $global-width。然后你可以在 Global 部分改变它：

// 1. 全局

$global-width: rem-calc(1200);

例如：1440px：

$global-width: rem-calc(1440);

【讨论】：

【解决方案2】：

这是一个更快的解决方案，而且不会弄乱设置：

/**
* Change container size on xxlarge screen.
*/
@media screen and (min-width: 90em) {
    .grid-container {
        max-width: 85rem;
    }
}

【讨论】：

【解决方案3】：

只需打开您的“_settings.scss”文件，运行到第 2 节“Breakpoints”（第 103 行）并根据需要编辑那里的像素值。

// 2. Breakpoints
// --------------

$breakpoints: (
  small: 0,
  medium: 640px,
  large: 1024px,
  xlarge: 1200px,
  xxlarge: 1440px,
);

【讨论】：