Экран, PDF, принтер — строго заданные размеры в сантиметрах. Как достичь абсолютной 100%-ой точности размеров?

Question

[xmoonlight]

Всем, ДОБРА!

Есть разные блоки на web-странице и мне нужно представлять их пользователям (выводить на мониторе, в электронный документ, на бумагу через печать на принтере) в строго заданном размере - в сантиметрах (миллиметрах, и т.д.).

Т.е., чтобы быть уверенным, что, приложив линейку к ЛЮБОМУ ИЗОБРАЖЕНИЮ: монитору или к распечатанному документу, размеры блоков - останутся одинаковыми и неизменными (относительно заданных изначально).

Такого вообще реально добиться и каким образом?

Заранее, Спасибо всем!

Answer 1

[Александр]

Возможно надо указать размеры в милиметрах

<div style="width:50mm;height:20mm;background:#000"></div>

Этот размер расчитывается браузером с учетом DPI
Но надо учитывать что размер это внутреняя часть а бордюр это внешняя.

Answer 2

[Виктор]

Самое простое - вычислить переводной коэффициент, просто распечатав (или выведя на экран) тестовую линейку и померив её эталонной линейкой. Соотношение между тестовой и эталонной (оно может оказаться разным по осям X и Y) потом использовать в дизайне веб-страницы. Но...

...представлять их пользователям

Тут сразу напрашивается дополнение - разным пользователям. с их огромным зоопарком разных мониторов и принтеров, для каждого свой переводной коэффициент. Лично вы с этим не справитесь, так что это каждый из них должен сделать самостоятельно. Ну, можете повесить на сайте соответствующую инструкцию.

Comments

[xmoonlight]

Т.е. нормального решения для разных пользователей с разными мониторами, принтерами - нет?

[rPman]

xmoonlight, не будет, потому что у пользователей не только разное железо но и разный софт (браузеры), разный набор расширений, шрифтов, операционных систем.

Наверное только pdf при печати может давать какие то гарантии и то, опять зависит от того, каким софтом будут печатать, там тоже тот еще зоопарк.

Но вы можете поэкспериментировать с различными популярными конфигурациями и подобрать размеры (точнее их модификации в зависимости от условий, само собой писать надо 20мм а потом где то в стиле или javascript делать правки в зависимости от обнаруженной комбинации условий.

[xmoonlight]

rPman, мда... странно, думал, что всё гораздо лучше обстоит с размерами....

[rPman]

xmoonlight, обычно все хорошо,.. для типичных конфигураций, что то типа 24" FullHD монитор и windows с темой по умолчанию, и браузером firefox/google chrome..

Но если вы заглянете в мобильные решения, волосы дыбом встанут. На хабре были статьи, где компании описывали свои testlab с сотнями мобильных устройств исключительно для проведения тестирования.

Почти наверняка, если вы начнете с линейкой замерять на каком-нибудь нетбуке, где в windows стоит 150% увеличение размеров шрифта, то вас ждет разочарование.

p.s. именно требование измерений элементов линейкой на мониторе - универсально не выполнимо.
на бумаге pdf дает наилучший результат, но боюсь для начала нужно создавать pdf в 'правильных' приложениях (тот еще вопрос, какие это)

[Виктор]

xmoonlight, можете попробовать ещё такой путь - ручную калибровку. Например, так: на фасадной странице посетителя встречает пара отрезков (по вертикали и горизонтали) с управляющими движками или крутилками, и надпись - "Пожалуйста, откалибруйте ваш монитор, установив длину каждого отрезка точно 100 мм". И данная проблема будет решена, за счёт некоторого участия пользователя.
И последнее - не забывайте подходящие ответы помечать решениями. Напоминаю потому, что три четверти вопрошающих забывают это сделать.