3

给定下面的 HTML 代码，为什么当这个文档在不同的浏览器中打印时会得到完全不同的结果呢？我想要的只是能够从一个打印到已知比例的javascript网络应用程序生成一个“页面”！看起来很简单，但到目前为止几乎不可能实现。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <svg width="210mm" height="297mm"
        xmlns="http://www.w3.org/2000/svg" version="1.2">

        <rect x="300" y="300" width="1in" height="1in" fill="red"/>
        <text x="100" y="100" font-size="1in">Hello</text>

    </svg>
</body>
</html>
4

2 回答 2

2

应用样式进行打印时，不同的浏览器可能会有所不同。

如果您希望跨浏览器获得一致的结果，请定义您自己的打印样式。

像这样：

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

编辑：有关如何获得良好打印效果的一些链接：

什么是最有用的 media="print" 特定的，跨浏览器兼容的 css 属性？ -> 链接到 A List Apart 通常有非常好的文章

如何在所有浏览器的页面打印中获得跨浏览器兼容性？

于 2012-05-30T14:14:09.263 回答
1

您可能需要为打印创建不同的样式，具体取决于您的浏览器。（media="print"在你的 CSS 声明中）

看看这里：

http://www.css-help.com/css-mediaprint.htm

http://www.w3.org/TR/CSS2/media.html

于 2012-05-30T14:14:46.517 回答