在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字体大小更改为较小的值不会在Safari中正确缩放填充。在Chrome中似乎没问题。以下是比较两者的屏幕截图：

有什么想法吗？