px – rem és em konvertáló
Konvertáljon px, rem és em egységek között saját gyökér- és környezeti betűméretei alapján – szerkesszen bármely mezőt, és a másik kettő gépelés közben frissül.
| 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 |
Minden konverzió a böngészőjében fut le. Semmilyen megadott adat nem kerül feltöltésre a BroBroGo szervereire.
GYIK
Mi a különbség a px, a rem és az em között?
A px egy fix hosszúságú egység. A rem az oldal gyökér (root) betűméretéhez viszonyít, így 16px-es gyökér esetén 1rem pontosan 16px. Az em pedig annak az elemnek a betűméretéhez viszonyít, amelyben elhelyezkedik. A betűméretek és térközök rem-ben történő megadása lehetővé teszi, hogy minden megfelelően skálázódjon, ha az olvasó megváltoztatja az alapértelmezett betűméretét.
Miért van külön em környezeti méret?
Az em egység a saját elemének betűméretéhez viszonyít, ami nem mindig egyezik meg a gyökérrel. Állítsa be az em környezetet az adott elem betűméretére az em érték helyes kiszámításához, vagy tartsa meg a gyökérrel azonos értéken, ha a kettő megegyezik.
Mi van akkor, ha a gyökér betűméretem nem 16px?
Módosítsa a gyökér betűméret (root font size) mezőt a CSS-ének megfelelően, és az összes rem érték azonnal frissül. Az alábbi gyors táblázat hasznos útmutatóként szolgál a legtöbb webhely által kiindulópontként használt, elterjedt 16px-es gyökérmérethez.