3

次の HTML コードが与えられた場合、このドキュメントを異なるブラウザーで印刷すると、まったく異なる結果が得られるのはなぜですか? 私が望むのは、既知の縮尺で印刷する JavaScript Web アプリから「ページ」を生成できることだけです! 非常に単純に思えますが、これまでのところ達成するのはほとんど不可能でした。

<!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 に答える