css drukowanie dokładne rozmiar

UPD1. Mam dwie drukarki:css drukowanie dokładne rozmiar

drukarka, drukuje Thar naklejki kodów kreskowych (EAN13) 44mm x 23mm
drukarka domyślna LaserJet (rozmiar A4)

Mam dwóch stron internetowych.

Pierwsza strona posiada DIV o wymiarach 44mm x 23mm setted w css:

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

Jeśli kliknę w przeglądarce Print Preview Chciałbym zobaczyć tylko jedną stronę z dokładnym szerokości i wysokości (44mm x 23 mm)

Druga strona ma DIV, które mają dużo danych. Szerokość musi być ograniczona do szerokości A4, ale może mieć wiele stron. Jeśli kliknę w przeglądarce Print Preview Chcę zobaczyć podgląd w formacie A4.

Które przeglądarki obsługują to? Firefox 7 i Chrome 16.0.912 robi. Czy mogę wydrukować dokładnie to, co chcę, z dokładnie takim rozmiarem, jaki chcę w HTML5/CSS/etc ...

Źródło

2011-11-02 Lari13

Jakie jest obecne zachowanie? Co masz na myśli przez "Ten kod nie działa"? – Kangkan

Mam 19 pustych stron w oknie dialogowym Podgląd wydruku Chrome :), więc nie wiem, dlaczego 19 stron? i dlaczego są puste. Potrzebuję tylko jednej strony o dokładnej szerokości i wysokości. – Lari13

Dlaczego ciało jest ustawione na widoczność: ukryte? – Kangkan

Właśnie zebrałem kawałki z różnych części i ułożyłem je w całości. Działa to dla mnie:

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

Źródło

2011-11-02 10:55:05 Kangkan

Nie, to nie działa. Jeśli zmienię wartości 'width' i' height' lub setup '@page size' - w oknach podglądu wydruku rozmiary okien nie ulegną zmianie. – Lari13

Proszę zobaczyć UPD1 – Lari13

idealne rozwiązanie dla mnie, ale jak mogę wydrukować więcej niż strona z różnymi numerami kodów kreskowych –

Odpowiedz

Powiązane problemy