Kokios yra matavimo vienetai CSS?

Absoliutūs ir santykiniai.

Tipas	Vienetas	Aprašymas
Absoliutūs	px	Pikseliai, priklauso nuo ekrano raiškos.
	pt	Punktai, 1/72 colio.
	cm	Centimetrai.
	mm	Milimetrai.
	in	Coliai, 1 colis = 2.54 cm.
	pc	Pikas, 1 pikas = 12 punktų.
Santykiniai	em	Atsižvelgiant į tėvų elemento šrifto dydį.
	rem	Atsižvelgiant į šaknies (html) elemento šrifto dydį.
	vw	Atsižvelgiant į 1% peržiūros srities pločio.
	vh	Atsižvelgiant į 1% peržiūros srities aukščio.
	vmin	Atsižvelgiant į 1% mažiausios peržiūros srities krašto.
	vmax	Atsižvelgiant į 1% didžiausios peržiūros srities krašto.
	%	Atsižvelgiant į tėvų elemento (arba turinčio bloko) dydį.
	ch	Atsižvelgiant į dabartinio šrifto '0' simbolio plotį.
	ex	Atsižvelgiant į dabartinio šrifto mažųjų raidžių aukštį.

Pasirinkimas priklauso nuo konteksto: px dažnai naudojamas rėmams ir rastro vaizdams, rem ir em – šriftams ir tarpams, siekiant geresnio mastelio skirtinguose įrenginiuose. Procentinės reikšmės yra naudingos atsakingam dizainui.

/* Pavyzdys naudojimo */
.container {
  width: 80%; /* Atsižvelgiant į tėvą */
  margin: 1rem auto; /* Atsižvelgiant į `html` šrifto dydį */
}

.box {
  padding: 20px; /* Absoliuti reikšmė */
  font-size: 1.2em; /* Atsižvelgiant į tėvų šrifto dydį */
  width: 50vw; /* Atsižvelgiant į peržiūros srities plotį */
}