如何进行CSS转换：缩放在Chrome上正常工作？

Question

您好，我在CSS中使用transform: scale时遇到了问题。

我正在尝试按scale（200）缩放1px * 1px的块。我假设该块最终将为200px * 200px。在Firefox中就是这种情况，但在Chrome中则不是这种情况。

#wrap {
  position: absolute;
  left: 200px;
  top: 200px;
}
#a {
  width: 1px;
  height: 1px;
  transform: scale(200);
  background-color: blue;
}

<div id="wrap">
  <div id="a">A</div>
</div>

Chrome开发者工具显示正确的大小，但块不是正确的大小。

我正在使用225％window.devicePixelRatio = 2.25的Windows Display缩放选项。 我之所以要提到这是因为看起来大小之间有25％的差异。同样，当我将窗口缩放比例设置为200％时，该块会显示正确的大小。