Конвертор от пиксели в 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
Конвертора px към 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 откъс или всяка стойност от таблицата с чести стойности.