要打印的 HTML 页面 - 如何在自动打印之前操作打印机设置答案

【问题标题】：HTML page to Print - How to manipulate the printer settings prior to printing automatically要打印的 HTML 页面 - 如何在自动打印之前操作打印机设置
【发布时间】：2013-12-02 07:02:05
【问题描述】：

我的客户希望他们的客户能够以打印机友好的格式打印 html 页面的结果，因此我们使用媒体查询和 css 创建了打印样式表。当我们在打印预览中查看页面时，打印机将文档设置为 100%。

不幸的是，在 100% 的打印机尺寸下，文档调整了所有内容的大小以跨越和分页，但在 50% 的打印机尺寸下，一切都完好无损，还自动将打印机设置设置为不检查以允许图像和背景图像.我怎样才能强制它做到这一点，以便当一个人单击此特定 html 页面中的打印时，它会强制页面以 50% 的速度呈现，以便它显示所有内容并强制它显示图像和背景图像。这样最后的页面就会按照我们想要的方式打印。

【问题讨论】：

我已经尝试在媒体查询中将页面宽度更改为 50%，但它不起作用，它必须将整个文档调整为一个。让所有内容都放在一个页面上。
您可以尝试在打印查询中添加zoom:0.5。我不知道如何处理图像显示问题。
这可以缩小页面，但在打印预览控制台中，当您单击 50% 时，它会将整个网站缩小到 50%，因此显示为一页。虽然这已经接近了，但它看起来就像 100% 一样，但现在只是缩小了。我需要它来完整地显示整个网站，但缩小打印以使页面适合页面。
它几乎就像它拉伸了所有东西，使其适合 100% 宽度，然后当您点击 50% 时，它会将其恢复为原始格式

标签： javascript jquery performance media-queries printing-web-page

【解决方案1】：

我建议使用您想要的确切页面大小。

@media print 
{
   @page
   {
    size: 5.5in 8.5in;
    size: landscape;
  }
}

【讨论】：