Конвертер PX у EM
Конвертуйте px у rem, rem у px та px в em із будь-яким базовим розміром шрифту, отримуйте готовий до копіювання рядок CSS та інтерактивну довідкову таблицю.
Обробляється повністю у вашому браузері — те, що ви тут вводите, ніколи не вивантажується.
Результат
Про цей інструмент
Ця сторінка відкриває конвертер у напрямку px → em. Арифметика така сама, як для rem — пікселі діляться на опорний розмір шрифту, — але опорний розмір інший: em є відносним до розміру шрифту батьківського елемента (або, для самої властивості font-size, до успадкованого розміру елемента), а не до кореневого.
Саме ця відмінність і є причиною звернутися до em: внутрішні відступи, які мають зростати разом із текстом компонента, медіа-запити, написані в em, або кнопка, чиї відступи масштабуються зі зміною її розміру шрифту. Введіть фактичний розмір шрифту батьківського елемента в поле бази — якщо ваш компонент перебуває в тексті розміром 14px, то відступ 21px — це 1.5em, а не 1.3125em.
Результат супроводжується готовим до копіювання рядком CSS, а довідкова таблиця показує поширені піксельні розміри, конвертовані відносно поточного батьківського розміру. Усе оновлюється миттєво у вашому браузері під час введення, і жодні дані не залишають сторінку.