javascript:window.print() 打印 2 页，而我有 1 页

我有一个简单的 HTML 文档，其中只包含一个图像标签。我想在文档加载后打印图像。我的代码:

<body>    
    <img id="form1" src="form1.jpg" alt="form1" style="margin: 0 auto;display:block;" onLoad="javascript:window.print()" />
</body>

它可以工作，但问题是它同时打印了图像(网页)和另一张空白的纸，上面只有一个文本，它给出了图像的地址和 html 标题。如何防止打印多余的纸张？

P.S : 我使用了 jquery 插件，如 PrintElement.js、jqPrint.js 等，但它们有同样的问题...

最佳答案

您可以使用 CSS 控制图像大小等用于打印 - 使用 @media print

给图像一个 max-width。

这样，您就可以控制图像在页面上的呈现方式。示例:

@media print { 
    body img {
       width: 90%; max-width: 1048px; 
    } 
}

关于javascript:window.print() 打印 2 页，而我有 1 页，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14662091/