在 Safari 中无法正确计算 REM 填充

Question

我正在尝试严格使用所有元素的 rem 值来构建一个网站。我在元素上有一些填充，但是在 Safari 中，这不能正确缩放。这是一个示例：

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

div {
  padding: 0 10rem;
  border:1px solid red;
  font-size:2rem;
  float:left;
}

<div>test</div>

将 html font-size 更改为较小的值不会在 Safari 中正确缩放填充。在 Chrome 中似乎没问题。这是两者的比较截图：

有什么想法吗？

Answer 1

6年后我仍然遇到同样的问题。有没有人给个解释和解决办法？