如何在缩小页面进行打印时避免出现空白页？

Question

我尝试使用

缩小我的页面

@media print {
    body {
        transform: scale(.5);
        transform-origin: 0 0;
    }
}

这对我来说很好，但如果我打印它，我会得到一个空白页。我怎样才能避免这种情况？或者有更好的方法来完成这项工作吗？提前致谢！

为了完整起见，举个小例子：

<!DOCTYPE html>
<html>
<head>
   <style type="text/css">
      @media print {
         body {
            transform: scale(.5);
            transform-origin: 0 0;
         }
   </style>
   <title>Test</title>
</head>
<body>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
   <p>test</p>
</body>
</html>

编辑：我必须指出，我对 body-内容没有影响

Answer 1

我通过将 transform 更改为 zoom 解决了我的问题。

如何在缩小页面进行打印时避免出现空白页？

How to avoid a blank page while scaling down a page for printing purpose?

html

css

printing

scale