PX-REM konverter
Konvertálja a px-et rem-re, a rem-et px-re és a px-et em-re bármilyen alapbetűmérettel, másolásra kész CSS-sorral és élő referenciatáblázattal.
Eredmény
A Rem egységek elérhetővé teszik az elrendezéseket – a felhasználó betűméret-preferenciájához igazodnak –, de senki sem akar egész nap a fejében 16-tal osztani. Ez a konverter élőben elvégzi az aritmetikát: válassza ki az irányt (px → rem, rem → px vagy px → em), írja be az értéket, és az eredmény azonnal megjelenik egy másolásra kész CSS-sorral együtt, például font-size: 0.875rem.
Az alap betűméret mezővel az eszköz bármilyen projekthez illeszkedik. A böngésző alapértelmezése 16 képpont, tehát az 1rem egyenlő 16 képponttal, de sok kódbázis úgy állítja be a html { font-size: 62.5% } értéket, hogy az 1rem egyenlő legyen 10 képponttal – írja be a 10-et alapként, és minden konverziós és táblázatsor következik. A px → em irány ugyanazt a matematikát használja a szülőelem betűméretével szemben a gyökér helyett, ami pontosan az em és a rem közötti különbség a CSS-ben.
Az eredmény alatt egy referenciatáblázat mutatja a legáltalánosabb tervezési méreteket – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 és 64 pixel – a jelenlegi alapon már konvertálva, az alapnak megfelelő sor kiemelve. Ez az a csalólap, amelyet egyébként felragasztana a monitorra, mindig szinkronban a ténylegesen használt alappal.
Minden helyileg történik a böngészőben gépelés közben: nincs feltöltés, nincs regisztráció, nincs oda-vissza út a szerverhez. Előre beállított oldalak a rem → px, px → em számára, a 10 képpontos alap és a népszerű értékek, például a 14, 24 és 32 px megnyitják a konvertert, amely készen áll ezekre a kérdésekre.