Foundation 6上响应式全局字体大小

Question

foundation-6中的全局字体大小是16px，并且可以在_settings.scss中更改。有没有办法使这个大小根据屏幕宽度而变化？我想将small屏幕的大小减小到13px。我知道有一些类似的标题，但我在这里要求的是全局大小。谢谢!

Answer 1

我可能会考虑向您的app.scss文件添加一组媒体查询，以设置每个断点的字体大小。这有意义吗？

Answer 2

我会这样做(请随意使用Foundation的函数将px中的值转换为rem或em)：

body{
 font-size:13px;
 @include breakpoint(medium) {
   font-size:$global-font-size;
 }
}