响应字体大小Calc（）错误

Question

我尝试使用以下css在0.875rem和1.3rem之间扩展我的字体大小，媒体宽度为20rem到40rem，这在Firefox和Chrome中运行良好，但在Safari中没有，其中calc（）返回一个值太大了

任何想法如何使其发挥作用或采取不同的方法？

https://jsfiddle.net/larsenwork/gjhc9bzp/2/

variableName

编辑：添加了sass版本

html {
  font-size: 0.875rem;
}
@media (min-width: 20rem) {
  html {
    font-size: calc(0.875rem + (1.3 - 0.875) * ((100vw - 20rem)/(40 - 20)));
  }  
}
@media (min-width: 40rem) {
  html {
    font-size: 1.3rem;
  }  
}