| Jednostki miar. |
|---|
|
Zastosowanie: Jednostki bezwzględne (np. cm, mm, in, pt) są używane, gdy zależy Ci na dokładnych wymiarach na wydruku, niezależnie od rozdzielczości urządzenia (ekranu). |
|
Jednostki miar bezwzględnych w CSS px (piksel): Najczęściej używana jednostka na ekranie, 1px = 1/96 cala. cm (centymetr): 1 cal = 2.54 cm = 96px. mm (milimetr): 1 mm = 1/10 cm. in (cal): 1 cal = 2.54 cm = 96px. pt (punkt): 1 punkt = 1/72 cala (często w typografii). pc (pica): 1 pica = 12 punktów. Q (ćwierć milimetra): 1Q = 1/40 cm (nowa jednostka w CSS3). |
|
Zastosowanie: Jednostki miar względnych w CSS a) Responsywność: elastyczne dopasowanie do ekranów. b) Skalowalność: rem i em ułatwiają zmianę rozmiaru całej strony. c) Układ: vw, vh, vmin, vmax reagują na rozmiar okna. |
|
Jednostki miar względnych w CSS a) Jednostki względem rozmiaru czcionki em – względem czcionki elementu lub rodzica. rem – względem czcionki elementu <html>. ex – wysokość litery „x”. ch – szerokość cyfry „0”. b) Jednostki względem okna przeglądarki vw – 1% szerokości okna. vh – 1% wysokości okna. vmin – 1% mniejszego wymiaru okna. vmax – 1% większego wymiaru okna. c) Inne jednostki względne % – względem rozmiaru kontenera. |