Введите число
1 px = 0,05208333333 vw
Открыть в «Конвертер PX в REM»Формула
vw = px × 100 ÷ 1920
Как перевести
Чтобы перевести px в vw, используйте формулу vw = px × 100 ÷ 1920. Например, 32 px = 1,666666667 vw.
Таблица перевода
| px | vw |
|---|---|
| 1 px | 0,05208333333 vw |
| 2 px | 0,1041666667 vw |
| 4 px | 0,2083333333 vw |
| 8 px | 0,4166666667 vw |
| 10 px | 0,5208333333 vw |
| 12 px | 0,625 vw |
| 14 px | 0,7291666667 vw |
| 16 px | 0,8333333333 vw |
| 18 px | 0,9375 vw |
| 20 px | 1,041666667 vw |
| 24 px | 1,25 vw |
| 32 px | 1,666666667 vw |
| 48 px | 2,5 vw |
| 64 px | 3,333333333 vw |
Таблица рассчитана для: ширина вьюпорта 1920px. Измените настройки в конвертере выше под свой проект.
Об этих единицах
Браузеры переводят любую длину CSS в пиксели. rem зависит от размера шрифта корневого элемента, em — от размера шрифта родителя; в основных браузерах оба равны 16px, если страница или пользователь их не меняли. 1pt — это 1/72 дюйма, 1px — 1/96 дюйма, значит 1pt = 1,333px. vw — 1 % ширины вьюпорта, поэтому его размер в пикселях зависит от экрана.
Частые вопросы
› Как перевести px в vw?
1 px = 0,05208333333 vw. Чтобы перевести, используйте формулу vw = px × 100 ÷ 1920: 32 px = 1,666666667 vw.
› Сколько px в 1 vw?
1 vw = 19,2 px. Обратная формула: px = vw × 1920 ÷ 100.
› Зачем использовать rem вместо px?
Размеры в rem следуют настройке размера шрифта в браузере пользователя, что важно для доступности, а изменение одного корневого значения согласованно масштабирует весь макет.
› Чем rem отличается от em?
rem всегда берёт размер шрифта корневого элемента (html). em берёт размер шрифта родителя, поэтому вложенные значения em перемножаются.