Конвертер пікселів у EM/REM
Конвертуйте px, rem, em, pt і % з живою таблицею та готовим до копіювання CSS
rem відносний до кореневого розміру шрифту; em і % відносні до батьківського.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
Про Конвертер пікселів у EM/REM
Конвертер пікселів у EM/REM переводить значення довжини CSS між px, rem, em, pt і відсотками. Введіть значення в будь-якій із п’яти одиниць, і жива таблиця покаже його еквівалент в усіх інших — плюс готовий до копіювання фрагмент CSS, який можна вставити прямо в таблицю стилів.
Перетворення враховують те, як CSS насправді розв’язує одиниці: rem відносний до розміру шрифту кореневого елемента, тоді як em і % відносні до розміру шрифту батьківського елемента. Обидва базові розміри можна редагувати, тож можна змоделювати кореневий шрифт 16 px із компонентом 14 px, або будь-яку іншу шкалу дизайн-системи.
Таблиця поширених значень зіставляє розміри, до яких дизайнери звертаються найчастіше — тож питання на кшталт "скільки 24px у rem" отримують відповідь з першого погляду. Інструмент безкоштовний, оновлюється під час набору тексту й є основою для перетворення фіксованих пікселних макетів у доступний, масштабований CSS на основі rem.
Як використовувати Конвертер пікселів у EM/REM
- Введіть значення для перетворення й оберіть його одиницю: px, rem, em, pt або %.
- Скоригуйте кореневий розмір шрифту (для rem) і розмір шрифту батьківського елемента (для em і %), якщо вони відрізняються від 16 px.
- Перегляньте перетворені значення в живій таблиці.
- Скопіюйте згенерований фрагмент CSS або будь-яке значення з таблиці поширених значень.