Html 为什么在打印时,Chrome会在缩放元素中引入额外的空间?

Html 为什么在打印时,Chrome会在缩放元素中引入额外的空间?,html,css,google-chrome,printing,Html,Css,Google Chrome,Printing,在Chrome中,当一个div缩小时,一切看起来都很好,直到我单击“打印”。单击“打印”后,会在随机位置添加额外的空格。如果空格在文本内,则为行的高度;如果空格在图像前引入,则为图像的高度 我有一个简单的例子,就是div中的文本;但单击“打印”后,“打印预览”会在第二段中添加一个空格,该空格在“打印”对话框关闭后保留 这种行为在Firefox或IE中不会发生 例如: HTML代码: <a href="javascript:window.print();">Print</a>

在Chrome中,当一个div缩小时,一切看起来都很好,直到我单击“打印”。单击“打印”后,会在随机位置添加额外的空格。如果空格在文本内,则为行的高度;如果空格在图像前引入,则为图像的高度

我有一个简单的例子,就是div中的文本;但单击“打印”后,“打印预览”会在第二段中添加一个空格,该空格在“打印”对话框关闭后保留

这种行为在Firefox或IE中不会发生

例如:

HTML代码:

<a href="javascript:window.print();">Print</a>
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie, mi vitae tincidunt posuere, est lorem dictum dolor, et sollicitudin leo felis at mauris. Ut finibus rutrum leo, vel tristique purus maximus a. Curabitur vitae lacinia lacus, at ornare neque. Integer ut fringilla libero. Donec tristique quam eget diam convallis, vitae sollicitudin lectus malesuada. Vestibulum euismod at ligula ut malesuada. Praesent tempor, dui vitae semper imperdiet, risus arcu auctor ligula, in commodo quam metus in eros. Sed non nibh a lorem auctor congue sit amet sed mauris. Sed molestie ullamcorper lacinia. Praesent pharetra felis mollis orci consequat, et dapibus purus condimentum.
<br><br>
Maecenas lobortis elit eu eleifend facilisis. Ut quis facilisis lorem. Integer dapibus lectus nec turpis vehicula posuere. Vestibulum mattis ac nisi sed dictum. Fusce placerat massa sit amet urna lacinia, vitae posuere turpis hendrerit. In blandit, orci mattis rhoncus elementum, arcu dui elementum nisi, at luctus urna mi non leo. Nulla ullamcorper et leo ut bibendum. Praesent et lectus sapien.
</div>
单击“打印”之前:

单击“打印”后:(额外空间以红色突出显示)

有人知道为什么会这样吗?这是Chrome中的一个bug吗?有没有办法防止这种情况发生

div {
    font-size: 48pt;
    transform: scale(0.25);
    transform-origin: 0 0;
    width: 2000px;
}