Převodník PX na EM
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 převodník ve směru px → em. Aritmetika je stejné dělení jako u rem – pixely dělené referenční velikostí písma – ale reference je jiná: em je relativní k velikosti písma nadřazeného prvku (nebo, pro velikost písma samotného, k zděděné velikosti prvku), nikoli ke kořenu.
Tento rozdíl je přesně v tom, když sáhnete po em: výplň, která by měla růst s vlastním textem komponenty, dotazy na média napsané v em nebo tlačítko, jehož mezery se mění při změně velikosti písma. Zadejte skutečnou velikost nadřazeného písma do základního pole – pokud je vaše komponenta umístěna v textu o velikosti 14 pixelů, 21 pixelů odsazení je 1,5 em, nikoli 1,3125 em.
Výsledkem je řádek CSS připravený ke kopírování a referenční tabulka ukazuje běžné velikosti pixelů převedené proti aktuální rodičovské velikosti. Vše se aktualizuje živě ve vašem prohlížeči během psaní, aniž by ze stránky odcházela žádná data.