如何在缩小页面以进行打印时避免空白页？答案

【问题标题】：How to avoid a blank page while scaling down a page for printing purpose?如何在缩小页面以进行打印时避免空白页？
【发布时间】：2017-02-14 15:24:45
【问题描述】：

我尝试通过使用来缩小我的页面

@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-content 没有影响

【问题讨论】：

how to avoid extra blank page at end while printing?的可能重复

标签： html css printing scale

【解决方案1】：

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

【讨论】：

那行不通。缩放通常不受支持，而且它会扭曲一切。