Как создать веб документ формата A4-A9 для печати?

Question

[Express777]

Здравствуйте.

Что нужно получить?
На веб странице есть блок DIV, например, черный прямоуголник. При распечатке нужно, чтобы этот блок был размера A9 (+- 1 мм). Напомню, размер А9 37*52 миллиметра.

Что было сделано?
Пробовал задавать размеры в пикселях. Пробовал эту таблицу конвертации:
www.translatorscafe.com/cafe/RU/units-converter/ty...
В нашем случае должно быть в пикселях примерно width=140, height=196.

Пробовал вместо пикселей использовать мм. Например:

.div.A9 {
    width: 37mm;
    height: 52mm;
}

В обоих случая при распечатке разница громадная +-10-15 мм

Есть ли какие то способы правильно получить размеры для печати?
Тестировал в Хроме последней версии.
UPD: Может конвертировать данные в PDF? Какие у вас варианты?

Answer 1

[Express777]

Решил не заморачиваться ПДФ версией.
Вот несколько советов, которые помогут вам распечатать документ заданного размера.
1. Жестко задайте ориентацию документа. Книжный, альбомный

@page {
size: portait, landscape
}

2. Уберите поля при печати

@page {
margin: 0;
}

3. Найдите правильное соотношение пиксель - мм. Распечатайте около 15 прямоугольников разных размеров.
У меня соотношение составило 3,557142857142857 . Скорее всего и у вас так.
4. Обратите внимание как считаются у вас длина блока. то есть box-sizing какой у вас.

Это поможет вам сделать документ соответствующий размерам в тютелька в тютельку.

Answer 2

[Михаил Лялин]

гораздо проще давать пользователю выбор на скачивание и т.п. PDF

Answer 3

[sazhyk]

Я для печати создавал полностью отдельные стили @media print и все измерения писал в миллиметрах. Работало одинаково в Лисе, Хроме и ИЕ - то есть на печать выходили одинаковые оттиски. Но почитайте побольше о медиа запросах именно @media print, там много нюансов.