Когда пригодится
- Перевести макет из px в rem.
- Рассчитать fluid-размер во vw.
- Сверить em внутри вложенного компонента.
Переводите значения между px, rem, em, vw и vh. Для точного результата задайте root font-size, текущий em-контекст и размеры viewport.
Результат появится здесь.
rem зависит от font-size корневого элемента, а em — от размера шрифта текущего контекста.
1vw равен одному проценту ширины viewport; поэтому для конвертации нужен выбранный размер окна.