如何在Foundation 5中更改中等断点

时间:2019-06-28 17:13:06

标签: css sass zurb-foundation-5

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

$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非常难以使用。

任何建议(除了使用其他框架,或者根本不使用;))都将受到欢迎。

1 个答案:

答案 0 :(得分:0)

您还需要在foundation.css中进行更改。 不论您使用什么,都可以在foundatuon.css或foundation.min.css中搜索@media屏幕和..,并在那里也更改断点。