Převodník PX na REM

Jednotky Rem udržují rozvržení přístupná – mění se podle uživatelovy preference velikosti písma – ale nikdo nechce celý den v hlavě dělit 16. Tento převodník provádí aritmetiku naživo: zvolte směr (px → rem, rem → px nebo px → em), zadejte hodnotu a výsledek se okamžitě objeví spolu s řádkem CSS připraveným pro kopírování, jako je velikost písma: 0,875rem.

Pole základní velikosti písma umožňuje, aby se nástroj vešel do jakéhokoli projektu. Výchozí hodnota prohlížeče je 16px, takže 1rem se rovná 16px po vybalení, ale mnoho kódových bází nastavuje html { font-size: 62.5% } tak, aby se 1rem rovnal 10px – jako základ zadejte 10 a následuje každá konverze a řádek tabulky. Směr px → em používá stejnou matematiku oproti velikosti písma nadřazeného prvku místo kořene, což je přesně rozdíl mezi em a rem v CSS.

Pod výsledkem referenční tabulka ukazuje nejběžnější velikosti návrhů – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 a 64 pixelů – již převedené na aktuální základnu, přičemž řádek odpovídající základně je zvýrazněn. Je to cheat list, který byste jinak měli nalepený na svém monitoru, vždy synchronizovaný se základnou, kterou skutečně používáte.

Vše se děje lokálně ve vašem prohlížeči, když píšete: žádné nahrávání, žádná registrace, žádná zpáteční cesta na server. Přednastavené stránky pro rem → px, px → em, základ 10px a oblíbené hodnoty jako 14, 24 a 32 px otevřou konvertor připravený pro tyto přesné otázky.