DevTulz Online

Prevodník PX ↔ REM

px

PX → REM

px

REM → PX

rem

Referenčná tabuľka

px rem em

Aký je rozdiel medzi PX a REM?

PX (pixely) je absolútna jednotka — vždy sa zobrazuje v rovnakej fyzickej veľkosti. REM (root em) je relatívna jednotka vychádzajúca z veľkosti písma koreňového prvku (väčšinou 16px v predvolenom nastavení prehliadačov). Používanie REM uľahčuje tvorbu prístupných a škálovateľných rozložení, ktoré zohľadňujú používateľove nastavenia veľkosti písma.

Ako používať prevodník PX na REM

  1. Nastavte základnú veľkosť písma (predvolená hodnota je 16px — zodpovedá väčšine prehliadačov).

  2. Zadajte hodnotu v pixeloch a uvidíte zodpovedajúcu hodnotu v REM.

  3. Alebo zadajte hodnotu v REM na spätný prevod na pixely.

  4. Na bežné prevody veľkostí využite referenčnú tabuľku nižšie.

Vzorec: rem = px ÷ základná veľkosť písma. Pre predvolenú základ 16px: 1rem = 16px, 0.5rem = 8px, 1.5rem = 24px. Všetky výpočty prebehujú okamžite vo vašom prehliadači.

Keywords: prevodník px na rem, rem na px, pixely na rem, prevodník jednotiek CSS, prevodník veľkosti písma, responzívny dizajn, kalkulačka rem