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

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

Полето за основен размер на шрифта прави инструмента подходящ за всеки проект. Браузърът по подразбиране е 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 отварят конвертора, готов конфигуриран точно за тези въпроси.