Iestatot jebkura elementa lielumu CSS, mums ir divas izvēles iespējas. Pirmā ir absolūtās vienības, bet otra ir relatīvās vienības. Absolūtās vienības ir fiksētas un nav saistītas ar kaut ko citu. Jebkurā gadījumā tie vienmēr ir identiski. Tie ietver cm, mm, px utt. No otras puses, relatīvās vienības ir relatīvas pret kaut ko citu. Tas var būt vecākelementa vai galvenā HTML lielums. Relatīvās vienības aptver em, rem, vw, vh utt. Tās ir mērogojamas vienības, kas palīdz izstrādāt adaptīvu dizainu. Daudzi no mums varētu sajaukt relatīvās vienības, īpaši iekšā un rem vienības. Sadalīsim atšķirību starp šiem diviem. Būtībā gan rem, gan em ir mērogojamas un relatīvas lieluma vienības, taču, izmantojot em, vienība ir saistīta ar tā vecākelementa fonta lielumu, savukārt rem vienība ir tikai attiecībā pret HTML dokumenta saknes fonta lielumu. R in rem apzīmē sakni.

Izpratīsim tos abus sīkāk.

java virknes nomaiņa

1. United: Vienība em ļauj iestatīt elementa fonta lielumu attiecībā pret tā vecāka fonta lielumu. Mainoties vecākelementa lielumam, bērna izmērs mainās automātiski.

Piezīme. Ja fonta lieluma rekvizītam tiek izmantotas em vienības, lielums ir saistīts ar vecākfonta fonta lielumu. Ja to izmanto citos īpašumos, tas ir saistīts ar paša elementa fonta lielumu. Šeit tikai pirmajā deklarācijā ir norādīta vecāka atsauce.

• Elementa .child fonta lielums būs 40 pikseļi (2*20 pikseļi).
• .bērna robeža būs 60 pikseļi . Tas ir 1,5 reizes lielāks par mūsu elementa fonta lielumu (1,5 x 40 pikseļi).

Piemērs: Šis piemērs parāda vienības em izmantošanu CSS.

HTML