为什么文本使用maxCSS函数“跳转”？

问题描述

我刚刚发现了max() CSS函数，并且希望将其与该HTML页面的font-size元素的body CSS属性一起使用：

<!DOCTYPE html>
<html>
<head>
   <Meta name="viewport" content="width=device-width,initial-scale=1.0"
   <style>
      body { font-size: max(2rem,5vw); }
   </style>
</head>
<body>
   <h1>h1</h1>
   <h2>h2</h2>
   <p>p</p>
</body>
</html>

我获得了理想的视觉效果，但我不明白为什么过渡期间会出现“闪烁”：

在上面的GIF中，我正在使用Firefox的Inspector向您显示问题。如您所见，在某些点上（例如641像素），文本“跳转”。你明白为什么吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

font-size html