Vin*_*abb 9 html css printing google-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，只需将打印边距设置为某个值，然后将正文设置为纸张宽度减去边距即可。
例如，对于 A4 页面，宽度为 210mm
因此，对于 1 英寸边距（大约 2.5 厘米），您可以执行以下操作
@media print
{
@page
{
margin-left: 25mm;
margin-right: 25mm;
}
body
{
width: 160mm;
}
}
车身的左、右、宽合计应为210mm。
对于信件，您将使用 1 英寸边距，正文宽度为 6.5 英寸。