html - para - ¿Es una buena práctica usar cm/mm en el CSS de una aplicación web que replica la interacción en papel?

etiquetas css

Question

Estoy creando una aplicación web que interactúa con documentos para imprimirlos más tarde. En algunos puntos es similar a Google Docs. Estoy considerando usar cm / mm en el CSS de las páginas de mis documentos porque me ayudará en la generación del documento. Ejemplo:

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

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

¿Cuáles son los principales problemas de seguir este enfoque?

Answer 1

W3C tiene una gran publicación sobre el tema de las unidades CSS . En particular:

cm: no recomendado para pantalla / recomendado para imprimir

Las llamadas unidades absolutas (cm, mm, in, pt y pc) significan lo mismo en CSS que en cualquier otra parte. Una longitud expresada en cualquiera de estos aparecerá exactamente como ese tamaño (dentro de la precisión del hardware y software). No se recomiendan para uso en la pantalla, ya que los tamaños de pantalla varían mucho. Una pantalla grande puede medir 60 cm (24 pulg.), Una pantalla pequeña y portátil puede tener solo 8 cm. Y no los miras desde la misma distancia.

El único lugar donde podría usar pt (o cm o in) para configurar un tamaño de fuente es en las hojas de estilo para imprimir, si necesita asegurarse de que la fuente impresa tenga exactamente un tamaño determinado. Pero incluso usar el tamaño de fuente predeterminado suele ser mejor.