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

为了使我们的网页易于打印,我们需要使用单独的 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

于 2012-07-03T08:18:29.513 回答