точный размер печати css - PullRequest
Новая
       1

точный размер печати css

5 голосов
/ 02 ноября 2011

UPD1. У меня есть два принтера:

  • принтер, наклейки с отпечатками пальцев (штрих-коды EAN13) 44mm x 23mm
  • принтер LaserJet по умолчанию (размер A4)

У меня есть две веб-страницы.

Первая страница имеет DIV с размерами 44mm x 23mm, установленной в css: 

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

Если я нажму в браузере Print Preview, я бы хотел видеть только одну страницу с точной шириной и высотой (44 мм x 23 мм)

На второй странице есть DIV с большим количеством данных. Ширина должна быть ограничена шириной A4, но может иметь несколько страниц. Если я нажму в браузере Print Preview, я хочу увидеть предварительный просмотр размера A4.

Какие браузеры поддерживают это? Firefox 7 и Chrome 16.0.912 нет. Можно ли напечатать именно то, что я хочу, с точным размером, который я хочу, в HTML5 / CSS / и т.д ...

1 Ответ

2 голосов
/ 02 ноября 2011

Я просто собрал кусочки со всего и сложил все вместе.Это работает для меня: 

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...