Использование cm/mm в CSS веб-приложения, которое реплицирует взаимодействие с бумагой, является хорошей практикой?

Я создаю веб-приложение, которое взаимодействует с документами для последующей печати. В некоторых случаях это похоже на Документы Google. Я рассматриваю использование cm/mm на CSS моих страниц документов, потому что это поможет мне в генерации документа. Пример:

// A4 size
.page {
   width: 210mm;
   height: 297mm;
   margin: 2cm 5cm; 
}

<div class="page">
  ...
</div>

Каковы основные проблемы, связанные с этим подходом?

Ответы

Ответ 1

W3C имеет отличный пост по теме CSS-единицы. В частности:

см: не рекомендуется для экрана/рекомендуется для печати

Так называемые абсолютные единицы (cm, mm, in, pt и pc) означают то же самое в CSS, что и везде. Длина, выраженная в любом из них, будет отображаться как точно такой размер (в пределах точности аппаратного и программного обеспечения). Они не рекомендуются для использования на экране, потому что размеры экрана сильно различаются. Большой экран может составлять 60 см (24 дюйма), маленький портативный экран может быть всего 8 см. И вы не смотрите на них с одинакового расстояния.

Единственное место, где вы могли бы использовать pt (или cm или in) для установки размера шрифта, - это таблицы стилей для печати, если вам нужно быть уверенным, что напечатанный шрифт имеет точно определенный размер. Но даже там, где используется размер шрифта по умолчанию, обычно лучше.