Как сделать так, чтобы CSS преобразование корректно работало в Chrome

Question

Здравствуйте, у меня проблемы с использованием transform: scale в CSS.

Я пытаюсь масштабировать блок 1px * 1px по шкале (200). Я предполагал, что блок будет 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 devtools показывает правильный размер, но блок имеет неправильный размер.

Я использую параметры масштабирования Windows Display 225% window.devicePixelRatio = 2.25. Причина, по которой я это упоминаю, заключается в том, что, похоже, разница в размере составляет 25%. Также, когда я поворачиваю свое масштабирование окна до 200%, блок отображает правильный размер.