Převodník px na rem

Jednotky rem udržují rozvržení přístupná – přizpůsobují se uživatelskému nastavení velikosti písma – ale nikdo nechce celý den dělit 16 v hlavě. Tento převodník provádí výpočty naživo: vyberte směr (px → rem, rem → px nebo px → em), napište hodnotu a výsledek se okamžitě zobrazí spolu s CSS řádkem připraveným ke zkopírování, například font-size: 0,875rem.

Pole pro základní velikost písma přizpůsobí nástroj jakémukoli projektu. Výchozí hodnota prohlížeče je 16px, takže 1rem se rovná 16px hned po otevření, ale mnoho kódových bází nastavuje html { font-size: 62,5 % }, aby 1rem znamenal 10px – zadejte jako základ 10 a každý převod i řádek tabulky se přizpůsobí. Směr px → em používá stejný matematický postup, ale oproti velikosti písma rodičovského prvku místo kořene, což je přesně ten rozdíl mezi em a rem v CSS.

Pod výsledkem referenční tabulka zobrazuje nejběžnější návrhové velikosti – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 a 64 pixelů – již přepočtené na váš aktuální základ, se zvýrazněným řádkem odpovídajícím tomuto základu. Je to tahák, který byste si jinak lepili k monitoru, vždy synchronizovaný se základem, který skutečně používáte.

Vše probíhá lokálně ve vašem prohlížeči, jak píšete: žádné nahrávání, žádná registrace, žádná komunikace se serverem. Stránky s předvolbami pro rem → px, px → em, 10px základ a oblíbené hodnoty jako 14, 24 a 32 px otevírají převodník již nakonfigurovaný přesně na tyto otázky.