字体大小计算动态大小 Safari 失败

Question

我使用的是 PostCSS响应式插件，生成的代码如下：

h1 {
 font-size: calc(28px + 20 * ((100vw - 320px) / 880));
}

http://codepen.io/umbriel/pen/WwLBxQ

在 Firefox、Chrome 和其他现代浏览器中运行良好。但是Version 9.0.3，正如我链接的 Codepen 所证明的那样，safari完全失败了。

有谁知道这是为什么？

编辑：我可能已经找到了罪魁祸首，似乎 vw 与 calc 结合是我尝试过的问题。有没有办法让它工作？

Answer 1

如果有人在 2020 年看到这个并且感觉有点迷茫，因为 Safari 仍然表现得很时髦（尤其是在处理动态字体大小时），请看看这个codepen

这不是我的，但它通过使用

min-height: 0vw;

在“文本类”上。我最终将它用作全局，所以我不需要在我想使用它的任何地方都带入课程。

希望有帮助。