css打印精确尺寸

时间:2011-11-02 10:05:27

标签: html css printing

UPD1。 我有两台打印机:

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

我有两个网页。

第一页的DIV 44mm 23mm x css设置为@page { size: 40mm 23mm; overflow: hidden; }

Print Preview

如果我在浏览器DIV中点击,我只想看到一页具有准确的宽度和高度(44毫米x 23毫米)

第二页的A4包含大量数据。它必须被宽度限制为Print Preview宽度,但可能有多个页面。如果我点击浏览器Firefox 7,我想看A4大小的预览。

哪些浏览器支持此功能? Chrome 16.0.912和{{1}}没有。 是否有可能在HTML5 / CSS /等中准确打印出我想要的尺寸...

1 个答案:

答案 0 :(得分: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>