Конвертер Единиц CSS

Введите значение и выберите единицы для преобразования. Настройте расширенные параметры для расчетов 'em', 'rem', 'vw', 'vh' и '%'.

Из Единицы

В Единицу

Common CSS Unit Conversions

From	To	Formula
px	rem	px ÷ rootFontSize
px	em	px ÷ parentFontSize
px	vw	(px ÷ viewportWidth) × 100
px	vh	(px ÷ viewportHeight) × 100
px	%	(px ÷ parentFontSize) × 100

Определения Единиц

px (Pixels): Пиксели; абсолютная единица относительно устройства отображения.

em: Относительно размера шрифта родительского элемента.

rem: Относительно размера шрифта корневого (html) элемента.

vw/vh: 1% ширины окна просмотра.

%: Относительно значения родительского элемента для того же свойства (например, размер шрифта родителя для преобразования размера шрифта).

pt (Points): Точки; абсолютная единица (1pt = 1/72 дюйма).

in, cm, mm: Дюймы; абсолютная единица (1in = 96px)., Сантиметры; абсолютная единица (1cm ≈ 37.8px)., Миллиметры; абсолютная единица (1mm = 1/10 сантиметра).

Как пользоваться Конвертер Единиц CSS

1
Введите значение и единицы
Введите число, которое нужно преобразовать, затем выберите исходную единицу и целевую единицу, например px в rem.
2
Задайте контекст в расширенных настройках
Для относительных единиц откройте расширенные настройки, чтобы задать корневой размер шрифта, размер шрифта родителя, а также ширину и высоту области просмотра, используемые в расчётах.
3
Преобразуйте
Нажмите «Преобразовать», чтобы вычислить эквивалентное значение, или используйте «Поменять местами», чтобы поменять исходную и целевую единицы.

4
Скопируйте результат
Используйте «Копировать результат», чтобы получить преобразованное значение для вашей таблицы стилей.

Часто задаваемые вопросы

Между какими единицами CSS он может преобразовывать?

Он преобразует среди px, em, rem, %, vw, vh, pt, in, cm и mm, так что вы можете свободно переходить между абсолютными единицами и относительными, адаптивными единицами, используемыми в современном CSS.

Почему преобразования em, rem и единиц области просмотра требуют дополнительных настроек?

Эти единицы относительные, поэтому их значение в пикселях зависит от контекста. Расширенные настройки позволяют задать корневой размер шрифта для rem, размер шрифта родителя для em и %, а также ширину и высоту области просмотра для vw и vh, что делает результаты соответствующими вашей реальной вёрстке.

Какой базовый размер шрифта он принимает?

По умолчанию для преобразований em и rem он использует 16px — типичный корневой размер шрифта браузера. Корневой и родительский размеры шрифта можно переопределить в расширенных настройках, если в вашем дизайне используется другая база.

Насколько точны преобразования абсолютных единиц?

Абсолютные единицы следуют спецификации CSS, где 1in равен 96px, 1pt равен 1/72 дюйма, а 1cm составляет около 37.8px, поэтому преобразования между px, pt, in, cm и mm точны.

Бесплатный ли конвертер и работает ли он локально?

Да. Он бесплатный, не требует регистрации, работает на мобильных устройствах и выполняет все вычисления в вашем браузере, поэтому никакие данные не отправляются на сервер.

Конвертер Единиц CSS

Как пользоваться Конвертер Единиц CSS

Часто задаваемые вопросы

Похожие инструменты