要获得CSS缩放转换以更改垂直滚动条？

Question

我正在尝试使用CSS缩放转换来放大或缩小元素。我可以适当缩放。但是，只有水平滚动条会受到转换的影响。垂直滚动条不是。

我知道CSS转换不应影响元素的大小。显然，它们确实会影响元素的大小和布局，但只会水平影响

。

下面是一个演示此情况的示例：

.wrapper {
  background: orange;
}

p {
  font-size: 50em;
  margin: 0px;
  transform: scale(1.0);  /* Change to scale(0.2) to see the horizontal scroll bar disppear */
  transform-origin: top left;
}

<div class="wrapper">
  <p>LargeText</p>
</div>

将比例更改为0.2，看看水平滚动条如何正确消失，而垂直滚动条却没有消失。

如果不需要，如何使浏览器删除垂直滚动条，就像使用水平滚动条一样？

我在Chrome和Firefox上进行了测试。