2017-02-14 60 views
0

我尝试使用如何在为打印目的缩小页面时避免出现空白页?

@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

+0

可能重复[如何避免在打印结束时多余的空白页?](http://stackoverflow.com/questions/7846346/how-to-avoid-extra-blank-page-at-end-while-打印) – Lars

回答

0

我解决我的问题没有影响通过改变transformzoom

相关问题