css打印精确尺寸

Lar*_*i13 5 html css printing

UPD1.我有两台打印机:

  • 打印机,打印贴纸(EAN13条形码)44mmx23mm
  • 默认的LaserJet打印机(A4尺寸)

我有两个网页.

第一页的DIV尺寸44mmx 23mm设置为css:

@page {
    size: 40mm 23mm;
    overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

如果我在浏览器中点击,Print Preview我希望只看到一页具有精确的宽度和高度(44mm x 23 mm)

第二页有DIV很多数据.它必须受宽度到A4宽度的限制,但可能有多个页面.如果我点击浏览器Print Preview我想看A4大小的预览.

什么浏览器支持这个?Firefox 7Chrome 16.0.912没有.是否有可能在HTML5/CSS /等中准确打印出我想要的尺寸...

Kan*_*kan 2

我只是从各地收集了一些碎片并将其放在一起。它对我有用:

<html>
<head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/js/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/dp.SyntaxHighlighter/Scripts/shCore.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/dp.SyntaxHighlighter/Scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/js/jquery-barcode-last.min.js"></script>

<script type="text/javascript">
    $(document).ready(function()
    {
        $("#ean").barcode("9785903979165", "ean13", {barWidth:2});
    });
</script>
<style>
#ean {
    position: absolute;
    left: 0;
    top: 0;
    width: 40mm;
    height: 23mm;
}

</style>
</head>
<body>
<div id="ean">
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)