我是 Foundation 的新手,需要在整个使用 Foundation 5 构建的站点中将媒体查询断点从 45em 更改为 48em。我已经搜索了“45”和“medium”的源 .scss 和 .js 文件“并更改了 _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 非常复杂。
任何建议(除了使用其他框架或根本不使用 ;))都将非常受欢迎。
最佳答案
您还需要在 foundation.css 中更改它。 在 foundatuon.css 或 foundation.min.css 中搜索 @media screen 和 .. 无论您使用什么,并更改那里的断点。
关于css - 如何更改 Foundation 5 中的中断点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56810886/