CSSте кандай өлчөм биримдиктери бар?

Абсолюттүү жана салыштырмалуу.

Тип	Бирдик	Тасвирламасы
Абсолюттүү	px	Пиксельдер, экрандын чечимине көз каранды.
	pt	Пункттар, 1/72 дюйм.
	cm	Сантиметрлер.
	mm	Миллиметрлер.
	in	Дюймдар, 1 дюйм = 2.54 см.
	pc	Пика, 1 пика = 12 пункт.
Салыштырмалуу	em	Ата-эне элементтин шрифт көлөмүнө карап.
	rem	Түп элементтин (html) шрифт көлөмүнө карап.
	vw	Вьюпорттун 1% кеңдигине карап.
	vh	Вьюпорттун 1% бийиктигине карап.
	vmin	Вьюпорттун эң кичүү тараптын 1% карап.
	vmax	Вьюпорттун эң чоң тараптын 1% карап.
	%	Ата-эне элементтин (же камтыган блоктун) көлөмүнө карап.
	ch	Учурдагы шрифттин '0' белгисинин кеңдигине карап.
	ex	Учурдагы шрифттин кичинекей тамгалардын бийиктигине карап.

Бирдик тандоо контекстке көз каранды: px көбүнчө чектер жана растр сүрөттөр үчүн колдонулат, rem жана em — шрифттер жана аралыктар үчүн, жакшы масштабдоо үчүн. Проценттик маанилер жооптуу дизайн үчүн пайдалуу.

/* Колдонуу мисалы */
.container {
  width: 80%; /* Ата-энеге карап */
  margin: 1rem auto; /* `html` шрифт көлөмүнө карап */
}

.box {
  padding: 20px; /* Абсолюттүү мааниде */
  font-size: 1.2em; /* Ата-эне шрифт көлөмүнө карап */
  width: 50vw; /* Вьюпорттун кеңдигине карап */
}