Chrome中计算出的样式大小不正确

Question

我知道也有类似的现有问题，但是没有一个我正在寻找答案。

我有一个div，高度为20px，宽度为11px。但是，当我尝试使用getComputedStyle（）获取高度和宽度时，Chrome会返回19.992px的高度，而Firefox会返回正确的值。我的浏览器缩放设置为100％（默认值）。

如果您尝试在Chrome和Firefox中打开此Fiddle，则可以看到区别。

//style.css
div{
  height: 20px;
  width: 11px;
  background: red;
}

//script.js
const div = document.querySelector("div");

const text = document.querySelector("p");

text.textContent = "Height: " + window.getComputedStyle(div).height;

为什么会有差异或导致差异的原因？

---

已更新图片

Chrome：

Firefox：