0

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

Преобразувайте px в rem, rem в px и px в em с произволен основен размер на шрифта, с готов за копиране CSS ред и справочна таблица на живо.

Обработка... 0%

Резултат

Тази страница отваря конвертора в посока px → em. Аритметиката е същото разделение като за rem — пиксели, разделени на референтен размер на шрифта — но препратката е различна: em е спрямо размера на шрифта на родителския елемент (или, за самия font-size, наследения размер на елемента), а не спрямо корена.

Тази разлика е точно когато посегнете към em: подложка, която трябва да расте със собствения текст на компонента, медийни заявки, написани в em, или бутон, чието разстояние се мащабира при промяна на размера на шрифта. Въведете действителния размер на шрифта на родителя в основното поле — ако вашият компонент се намира в 14px текст, 21px от подложката е 1,5em, а не 1,3125em.

Резултатът идва с готов за копиране CSS ред, а референтната таблица показва общите размери на пикселите, преобразувани спрямо текущия родителски размер. Всичко се актуализира на живо във вашия браузър, докато пишете, без данни да напускат страницата.