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

Question

我正在使用 PostCSS responsive-type插件和我得到的生成代码如下:

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

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

在 Firefox、Chrome 和可能其他现代浏览器中工作正常。但是 safari 版本 9.0.3 完全失败，正如我链接的 Codepen 所证明的那样。

有人知道这是为什么吗？

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

Answer 1

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

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

为我解决了问题

min-height: 0vw;

关于“文本类”。我最终将它作为全局使用，所以我不需要在任何我想使用它的地方引入这个类。

希望对您有所帮助。