Html 如何在缩小页面以进行打印时避免出现空白页面？
我试图通过使用Html 如何在缩小页面以进行打印时避免出现空白页面？,html,css,printing,scale,Html,Css,Printing,Scale,我试图通过使用 @media print { body { transform: scale(.5); transform-origin: 0 0; } } 这对我来说很好，但如果我打印它，我会得到一张空白页。我怎样才能避免这种情况？还是有更好的方法来完成这项工作？提前谢谢你 为了完整起见，举一个小例子： <!DOCTYPE html> <html> <head> <style type="tex
@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>
@媒体印刷品{
身体{
变换：缩放（.5）；
变换原点：0；
}
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
编辑：我必须指出，我对
正文变换缩放