DevTulz Online

Převodník PX ↔ REM

px

PX → REM

px

REM → PX

rem

Referenční tabulka

px rem em

Jaký je rozdíl mezi PX a REM?

PX (pixely) je absolutní jednotka — vždy se vykresluje ve stejné fyzické velikosti. REM (root em) je relativní jednotka vycházející z velikosti písma kořenového prvku (ve výchozím nastavení obvykle 16px v prohlížečích). Používání REM usnadňuje tvorbu přístupných a škálovatelných rozvržení, která respektují uživatelova nastavení velikosti písma.

Jak používat převodník PX na REM

  1. Nastavte základní velikost písma (výchozí je 16px — odpovídá většině prohlížečů).

  2. Zadejte hodnotu v pixelech a uvidíte ekvivalentní hodnotu v REM.

  3. Nebo zadejte hodnotu v REM pro převod zpět na pixely.

  4. Použijte níže uvedenou referenční tabulku pro běžné převody velikostí.

Vzorec: rem = px ÷ základní velikost písma. Pro výchozí základ 16px: 1rem = 16px, 0.5rem = 8px, 1.5rem = 24px. Všechny výpočty probíhají okamžitě ve vašem prohlížeči.

Keywords: převodník px na rem, rem na px, pixely na rem, převodník jednotek CSS, převodník velikosti písma, responzivní design, kalkulačka rem