如何在为打印目的缩小页面时避免出现空白页?
问题描述:
@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
答
我解决我的问题没有影响通过改变transform
到zoom
。
可能重复[如何避免在打印结束时多余的空白页?](http://*.com/questions/7846346/how-to-avoid-extra-blank-page-at-end-while-打印) – Lars