1

次の簡単なページがあります。

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        div#card
        {
            border: 1px solid black;
            width:  65mm;
            height: 65mm;
        }
        div#circle
        {
            width:  20mm;
            height: 20mm;
            -webkit-border-radius: 10em;
            border: 1px solid black;
            margin-top: 5mm;
        }
    </style>
</head>
<body>
    <div id="card"></div>
    <div id="circle"></div> 
</body>
</html>

ページを印刷すると、65mm の正方形が出力されると思いますが、70mm で、円も 20mm より少し大きいです。正確な印刷サイズを確保する方法は?

ありがとう。

4

1 に答える 1

2

Webページを印刷しやすくするには、次のように印刷用に個別のcssを使用する必要があります。

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

上記のcssは、Webページの印刷時にのみ適用されます。

詳細については、次のリンクを参照してください。

http://webdesign.about.com/cs/css/a/aa042103a.htm

http://www.killersites.com/articles/newsletterArchive/Newsletter_Nov3_2003.htm

http://envisionic.com/webtips/user_experience/printer_friendly.php

于 2012-07-03T08:18:29.513 に答える