Nustatydami bet kurio CSS elemento dydį, turime du pasirinkimus. Pirmasis yra absoliutūs vienetai, o kitas yra santykiniai vienetai. Absoliutūs vienetai yra fiksuoti ir nėra susiję su niekuo kitu. Bet kokiu atveju jie visada yra identiški. Jie apima cm, mm, px ir tt Kita vertus, santykiniai vienetai yra santykiniai su kažkuo kitu. Tai gali būti pirminio elemento dydis arba pagrindinio HTML dydis. Santykiniai vienetai apima em, rem, vw, vh ir tt Tai yra keičiamo dydžio vienetai ir padeda sukurti prisitaikantį dizainą. Daugelis iš mūsų gali susipainioti tarp santykinių vienetų, ypač in ir rem vienetų. Išskaidykime skirtumą tarp šių dviejų. Iš esmės, tiek rem, tiek em yra keičiami ir santykiniai dydžio vienetai, tačiau naudojant em vienetas yra susijęs su pirminio elemento šrifto dydžiu, o rem vienetas yra susijęs tik su pagrindinio HTML dokumento šrifto dydžiu. R in rem reiškia šaknį.

c# jungiklis

Supraskime juos abu išsamiai.

1. Jungtinėse Valstijose: em vienetas leidžia nustatyti elemento šrifto dydį, palyginti su jo pirminio šrifto dydžiu. Pasikeitus pirminio elemento dydžiui, antrinio elemento dydis pasikeičia automatiškai.

Pastaba: kai em vienetai naudojami šrifto dydžio nuosavybei, dydis priklauso nuo pirminio šrifto dydžio. Kai naudojamas kitose nuosavybėse, jis priklauso nuo paties elemento šrifto dydžio. Čia tik pirmoje deklaracijoje atsižvelgiama į tėvų nuorodą.

• Elemento .child šrifto dydis bus toks 40 piks (2*20 piks.).
• .vaiko paraštė bus 60 piks . Tai 1,5 karto didesnis už mūsų elemento šrifto dydį (1,5 * 40 pikselių).

Pavyzdys: Šiame pavyzdyje parodytas em vieneto naudojimas CSS.

HTML