Question

我有以下简单的页面：

<!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>

打印页面时，我希望它输出65毫米的正方形，但它是70毫米，圆圈也比20毫米大一点。如何确保精确的印刷尺寸？

感谢。

Answer 1

为了使我们的网页易于打印，我们需要使用单独的css进行打印，如：

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

以上css仅适用于打印网页时。

请参阅以下链接了解更多详情：

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

打印时确保CSS的确切尺寸

1 个答案: