html – 在Chrome中打印精确的测量值

前端之家收集整理的这篇文章主要介绍了html – 在Chrome中打印精确的测量值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于元素,如果以厘米或英寸为单位指定测量值,则会从Firefox和Internet Explorer以相同大小打印.另一方面,Chrome使元素更大.

反正有没有让Chrome打印出精确到指定尺寸的东西,还是我只需要忍受的东西?

例如.

<!doctype html>
<html>
  <head>
    <style type="text/css">
        div.Box {
          border: 1px solid black;
          width: 5cm;
        }
    </style>
  </head>
  <body>
    <div class="Box">Box</div>
  </body>
</html>

上面的代码在Firefox和IE中打印精确的5厘米(在我的打印机上),但打印距离Chrome约5.5厘米.

解决方法

对于目前的Chrome版本,具有100%宽div的解决方案对我不起作用,但对于A4纸张,这是有效的:
html,body {
    width: 210mm;
}

猜你在找的HTML相关文章