如何更改 Foundation 5 中的中间断点

Question

我是 Foundation 的新手，需要在使用 Foundation 5 构建的整个站点中将 medium mediaquery 断点从 45em 更改为 48em。我已经搜索了“45”和“medium”的源 .scss 和 .js 文件" 并更改了 _settings.scss 中的 "ranges" 值，这似乎是所有后续计算的来源。

$small-range: (0em, 48em); // 0 - 720 (now 768)
$medium-range: (48.063em, 64em); // 721 (now 769) - 1024
$large-range: (64.063em, 80em); // 1025 - 1280
$xlarge-range: (80.063em, 90em); // 1281 - 1440
$xxlarge-range: (90.063em, 99999999em); // 1441+

但是，在重新编译和清除浏览器缓存后，断点仍然发生在 45em。还有什么地方我需要去改变一些东西。我必须说我发现 Foundation 的工作非常复杂。

非常欢迎任何建议（除了使用其他框架或根本不使用；））。

Answer 1

您还需要在foundation.css 中进行更改。 在foundatuon.css 或foundation.min.css 中搜索@media screen 和.. 无论您使用什么，并在那里更改断点。