javascript - 我对 IE9 中的打印格式有疑问

Question

我正在使用 window.print() 在我的元素中打印文档。除了 IE9，它工作正常。当我使用方向时:横向和纸张大小 A4 当时图像和描述未以正确格式打印。

此问题仅适用于 IE9，与其他 IE 版本无关。

Answer 1

打印 HTML 文档时，需要考虑 CSS 中的多个方面来设置打印格式。

@PAGE规则

@page CSS at 规则用于在打印文档时修改某些 CSS 属性。您不能使用@page 更改所有 CSS 属性。您只能更改文档的边距、孤儿、寡妇和分页符。将忽略更改任何其他 CSS 属性的尝试。

@page 规则允许您指定页面框的各个方面。例如，您需要指定页面的尺寸。下面的规则指定默认页面大小为 5.5 x 8.5 英寸。如果您打算打印一本书，也许是通过按需打印服务，那么找出您可以使用的尺寸很重要。除了使用长度值指定尺寸外，您还可以使用纸张尺寸关键字，例如“A4”或“legal”。

@page {
  size: A4;
}

此外，您始终可以从 @media 中获益规则仅为您的打印页面设置自定义 CSS。

@media screen {
    p {
        font-family: verdana, sans-serif;
        font-size: 17px;
    }
}

@media print {
    p {
        font-family: georgia, serif;
        font-size: 14px;
        color: blue;
    }
}

您也可以使用单独的样式表进行打印:

<link rel="stylesheet" media="print" href="print.css">

由于您使用的是 IE，由于 IE 中的呈现引擎处理 HTML 和 CSS 的方式，您可能会面临一些 IE 特定的兼容性问题，这也是使您的文档正确打印的考虑因素。