px to rem & em konverter
Teisendage px, rem ja em vahel, kasutades oma juur- ja kontekstifondi suurusi — muutke mistahes välja ja ülejäänud kaks uuenevad tippimise ajal.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Iga teisendus toimub teie brauseris. Midagi teie sisestatust ei laadita BroBroGo serverisse.
KKK
Mis vahe on px, rem ja em ühikutel?
px on fikseeritud pikkus. rem-i mõõdetakse lehe juurfondi suuruse (root font size) suhtes, seega 16px juure puhul võrdub 1rem 16 piksliga. em-i mõõdetakse selle elemendi fondi suuruse suhtes, milles see asub. Kirja ja vahemike määramine rem-ühikutes võimaldab kõigel skaleeruda, kui lugeja muudab oma brauseri vaikimisi fondi suurust.
Miks on olemas eraldi em konteksti suurus?
em suhestub selle enda elemendi fondi suurusega, mis ei pruugi alati olla juurelement. Seadistage em kontekst selle elemendi fondi suurusele, et em-väärtust õigesti lugeda, ja hoidke see võrdsena juurega, kui need kaks kattuvad.
Mis siis, kui minu juurfondi suurus ei ole 16px?
Muutke juurfondi suuruse (root font size) välja vastavalt oma CSS-ile ja iga rem-väärtus uueneb koheselt. Allpool olev kiire tabel on mugavaks juhiseks levinud 16px juure puhul, millest enamik veebisaite alustab.