Převodník PX na REM s 10px základnou
Převádějte px na rem, rem na px a px na em při jakékoli základní velikosti písma, pomocí řádku CSS připraveného pro kopírování a živé referenční tabulky.
Výsledek
Tato stránka otevře konvertor se základní velikostí písma přednastavenou na 10px. To je klasické nastavení html { font-size: 62,5 % }: 62,5 % výchozí 16px prohlížeče je přesně 10px, takže hodnoty rem se stanou triviálně čitelné — 14px je 1,4rem, 18px je 1,8rem, 24px je 2,4rem.
Týmy přijímají základ 10px přesně, aby se vyhnuly nepříjemným šestnáctinám: místo abyste si pamatovali, že 14px je 0,875rem, stačí přesunout desetinnou čárku. Protože trik používá spíše procenta než pevnou hodnotu pixelu, stále respektuje velikost písma, kterou uživatel nastaví v předvolbách prohlížeče, což je v první řadě celý argument přístupnosti pro jednotky rem.
Zadejte libovolnou hodnotu pixelu, abyste získali její ekvivalent rem na základně 10 pixelů spolu s řádkem CSS připraveným ke kopírování, a v referenční tabulce níže zkontrolujte celé měřítko 1–64 pixelů, které již bylo převedeno. Pokud váš projekt používá jinou velikost kořene, změňte základní pole a vše bude následovat.