css printing正確なサイズ

プリンタ、タールプリントステッカー（EAN13バーコード）44mm X 23mm
デフォルトのLaserJetプリンタ（A4サイズ）

私は2つのウェブページを持っている：私は2台のプリンタを持っています。

最初のページcssにsetted寸法44mm X 23mmでDIVを持っている：

@page { 
    size: 40mm 23mm; 
    overflow: hidden; 
}

私はブラウザPrint Previewにクリックした場合、私は正確な幅と高さ（44ミリメートルX 23ミリメートルと1ページだけを見てみたいと思います）

2ページ目には多くのデータを持つDIVがあります。幅はA4の幅に制限する必要がありますが、複数のページがある場合もあります。ブラウザでクリックするとPrint Preview A4サイズのプレビューが見たいです。

どのブラウザで対応していますか？ Firefox 7およびChrome 16.0.912ではない。 HTML5/CSS /などで欲しいサイズのものを正確に印刷することは可能ですか？

出典

2011-11-02 Lari13

現在の動作は何ですか？「このコードは機能しません」とはどういう意味ですか？ – Kangkan

Chrome印刷プレビューダイアログで19の空白ページが表示されるため、19ページの理由はわかりません。なぜ彼らは空白であるのか？正確な幅と高さを持つページが1つだけ必要です。 – Lari13

ボディが可視性に設定されている理由：非表示ですか？ – Kangkan

私はちょうどすべてをまとめてまとめました。それは私のために働いています：

<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>

出典

2011-11-02 10:55:05 Kangkan

いいえ、動作しません。 'width'と' height'や '@page size'の値を変更すると、ブラウザの印刷プレビューではサイズが変わりません。 – Lari13

私にとってUPD1 – Lari13

の完璧な解決策を見てください。しかし、どのように違うバーコード番号でページを印刷することができますか？ –

css printing正確なサイズ

答えて

関連する問題