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