Конвертор от PX към REM

Rem единиците поддържат достъпността на оформлението – те се мащабират спрямо предпочитанията на потребителя за размер на шрифта – но никой не иска да дели на 16 наум цял ден. Този конвертор извършва аритметиката на живо: изберете посоката (px → rem, rem → px или px → em), въведете стойността и резултатът се появява незабавно заедно с готов за копиране CSS ред като font-size: 0.875rem.

Полето за базов размер на шрифта прави инструмента подходящ за всеки проект. Подразбиращата се стойност на браузъра е 16px, така че 1rem се равнява на 16px в началното състояние, но много кодови бази задават html { font-size: 62.5% }, за да направят 1rem равно на 10px – въведете 10 като база и всяка конверсия и ред от таблицата го следват. Посоката px → em използва същата математика спрямо размера на шрифта на родителския елемент вместо корена, което е именно разликата между em и rem в CSS.

Под резултата референтна таблица показва най-често срещаните дизайнерски размери – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 и 64 пиксела – вече конвертирани при текущата ви база, с осветен ред, съответстващ на базата. Това е шпаргалникът, който иначе бихте залепили на монитора си, винаги синхронизиран с базата, която реално използвате.

Всичко се случва локално във вашия браузър, докато пишете: няма качване, няма регистрация, няма обръщение към сървър. Предварително зададени страници за rem → px, px → em, базата 10px и популярни стойности като 14, 24 и 32 px отварят конвертора, предварително конфигуриран точно за тези въпроси.