Конвертер CSS Единиц
конвертация CSS единиц с контекстными расчетами
конвертация CSS единиц с контекстными расчетами
- Подготовьте ввод
Выберите нужные параметры с помощью элементов ниже.
- Выполните задачу
Настройте элементы ниже и проверьте предварительный просмотр.
- Используйте результат
Проверьте результат и используйте доступные функции копирования или скачивания.
Абсолютные CSS-единицы: 96px = 1in независимо от DPI. Проценты используют заданный размер шрифта. ch/ex оцениваются как 0,5em; реальные метрики могут отличаться. Четыре знака после запятой.
Входное Значение
Контекст Конвертации
px
px
px
px
Конвертированные Значения
1em
Единицы em масштабируются относительно размера шрифта родителя.
1rem
Единицы rem масштабируются относительно корневого размера шрифта. Рекомендуется для согласованных отступов.
100%
Абсолютные CSS-единицы: 96px = 1in независимо от DPI. Проценты используют заданный размер шрифта. ch/ex оцениваются как 0,5em; реальные метрики могут отличаться. Четыре знака после запятой.
0.8333vw
Единицы ширины viewport. 1vw = 1% ширины viewport.
1.4815vh
Единицы высоты viewport. 1vh = 1% высоты viewport.
1.4815vmin
Viewport минимум. 1vmin = 1% меньшей размерности viewport.
0.8333vmax
Viewport максимум. 1vmax = 1% большей размерности viewport.
12pt
Пункты используются в печати. 1pt = 1/72 дюйма.
1pc
Пики - единицы печати. 1pc = 12pt = 1/6 дюйма.
0.4233cm
Сантиметры. Метрическая единица в основном для печати.
4.2333mm
Миллиметры. Метрическая единица в основном для печати.
0.1667in
Дюймы. Имперская единица. 1in = 96px при стандартном DPI.
2chПриблизительно
Приблизительно (0.5em)
2exПриблизительно
Приблизительно (0.5em)
Конвертер CSS Единиц
Абсолютные CSS-единицы: 96px = 1in независимо от DPI. Проценты используют заданный размер шрифта. ch/ex оцениваются как 0,5em; реальные метрики могут отличаться. Четыре знака после запятой.
Функции
- Абсолютные CSS-единицы: 96px = 1in независимо от DPI. Проценты используют заданный размер шрифта. ch/ex оцениваются как 0,5em; реальные метрики могут отличаться. Четыре знака после запятой.
- Контекст Конвертации
- Копировать Всё
Как использовать
- Введите CSS значение
- Выберите исходную единицу
- Настройте контекст при необходимости
- Просмотрите мгновенные конвертации
- Используйте быстрые пресеты
- Копируйте значения
- Учитесь с встроенными подсказками
- Доступ к истории