CSSda qanday o'lchov birliklari mavjud?

Maqbul va nisbiy birliklar.

Tur	Birlik	Tavsifi
Maqbul	px	Piksel, ekran rezolyutsiyasiga bog'liq.
	pt	Punkt, 1/72 dyuym.
	cm	Sentimetr.
	mm	Millimetr.
	in	Dyum, 1 dyum = 2.54 sm.
	pc	Pika, 1 pika = 12 punkt.
Nisbiy	em	Ota elementning shrift o'lchamiga nisbatan.
	rem	Asosiy element (html) shrift o'lchamiga nisbatan.
	vw	Viewport kengligining 1% ga nisbatan.
	vh	Viewport balandligining 1% ga nisbatan.
	vmin	Viewportning eng kichik tomonining 1% ga nisbatan.
	vmax	Viewportning eng katta tomonining 1% ga nisbatan.
	%	Ota elementning o'lchamiga nisbatan.
	ch	Joriy shriftning '0' belgisining kengligiga nisbatan.
	ex	Joriy shriftning kichik harflar balandligiga nisbatan.

Birlik tanlovi kontekstga bog'liq: px ko'pincha chegaralar va raster tasvirlar uchun ishlatiladi, rem va em shriftlar va bo'sh joylar uchun, turli qurilmalarda yaxshiroq moslashuvchanlikni ta'minlaydi. Foizli qiymatlar moslashuvchan dizaynlar uchun foydalidir.

/* Foydalanish misoli */
.konteyner {
  width: 80%; /* Ota elementga nisbatan */
  margin: 1rem auto; /* html elementining shrift o'lchamiga nisbatan */
}

.kuticha {
  padding: 20px; /* Aniq qiymat */
  font-size: 1.2em; /* Ota elementning shrift o'lchamiga nisbatan */
  width: 50vw; /* Viewport kengligiga nisbatan */
}