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来解决了我的问题。

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

1 个答案: