基金会6的响应全球字体大小

Question

foundation-6中的全局字体大小为16px，可以在_settings.scss中更改。有没有办法让这个尺寸根据屏幕宽度而变化？我希望13px屏幕的此尺寸缩小为small。我知道标题有类似的东西，但我在这里要求全局大小。谢谢！

Answer 1

我可能会在app.scss文件中添加一组媒体查询来设置每个断点的字体大小。这有道理吗？

Answer 2

我会做这样的事情（随意使用Foundation的函数将px中的值转换为rem或em）：

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