【发布时间】:2017-02-14 15:24:45
【问题描述】:
我尝试通过使用来缩小我的页面
@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 没有影响
【问题讨论】: