2017-02-14 62 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

相關問題