Używanie cm/mm w CSS aplikacji internetowej, która replikuje interakcję z papierem, jest dobrą praktyką?

Question

Buduję aplikację internetową, która oddziałuje z dokumentami w celu późniejszego drukowania. W niektórych punktach jest podobny do Dokumentów Google. Rozważam użycie cm/mm na CSS moich stron dokumentów, ponieważ pomoże mi to w generowaniu dokumentów. Przykład:

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

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

Jakie są główne kwestie po to podejście?

Answer 1

W3C ma świetny post na temat CSS units. W szczególności:

cm: Nie zaleca się do ekranu/zalecany do druku

Tzw jednostki absolutne (cm, mm, PT i PC) znaczy to samo w CSS jak wszędzie indziej. Długość wyrażona w dowolnym z nich pojawi się jako dokładnie taki rozmiar (w ramach precyzji sprzętu i oprogramowania). Nie są zalecane do użytku na ekranie, ponieważ rozmiary ekranu różnią się tak bardzo. Duży ekran może mieć 60 cm (24 cali), a mały, przenośny ekran może mieć tylko 8 cm. I nie patrzysz na nie z tej samej odległości.

Jedynym miejscem, w którym można ustawić opcję pt (lub cm lub in) w ustawianiu rozmiaru czcionki, są arkusze stylów do drukowania, jeśli trzeba się upewnić, że czcionka jest dokładnie określonego rozmiaru. Ale nawet tam użycie domyślnego rozmiaru czcionki jest zwykle lepsze.