PX към REM конвертор с 10px основа

Тази страница отваря конвертора с предварително зададен размер на основния шрифт на 10px. Това е класическата настройка на html {font-size: 62.5%}: 62.5% от 16px по подразбиране на браузъра е точно 10px, така че стойностите на rem стават тривиално четими - 14px е 1.4rem, 18px е 1.8rem, 24px е 2.4rem.

Екипите възприемат основата от 10px точно, за да избегнат неудобните шестнадесети: вместо да помните, че 14px е 0,875 rem, вие просто премествате десетичната точка. Тъй като трикът използва процент, а не фиксирана стойност на пикселите, той все още зачита размера на шрифта, зададен от потребителя в предпочитанията на браузъра, което е целият аргумент за достъпност за rem единиците на първо място.

Въведете произволна стойност на пиксела, за да получите нейния еквивалент на rem в основата от 10 пиксела заедно с готов за копиране CSS ред и проверете референтната таблица по-долу за цялата скала от 1–64 пиксела, която вече е преобразувана. Ако вашият проект използва различен коренов размер, променете базовото поле и всичко следва на живо.