ToolHub
Открыть инструмент

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

Преобразование в реальном времени между px, rem, em, pt, vw, vh и другими единицами CSS

Конвертация форматов
Запустить инструмент Все инструменты

Об этом инструменте

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

Основные функции

Быстрый предпросмотр

Сценарии использования

css units converter

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

Какие единицы CSS поддерживаются?

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

Как работают преобразования rem и em?

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

Как рассчитываются единицы области просмотра?

Единицы области просмотра (vw и vh) рассчитываются на основе настраиваемых значений ширины и высоты области просмотра, по умолчанию 1920px и 1080px соответственно. Вы можете настроить эти значения в соответствии с целевым размером экрана.

Можно ли скопировать результаты преобразования?

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

Что такое справочная таблица часто используемых размеров?

Справочная таблица часто используемых размеров показывает соответствующие значения стандартных размеров типографики (таких как основной текст, заголовки и display-размеры) в px, rem и pt. Это помогает быстро найти подходящие значения для распространённых дизайн-паттернов без ручных расчётов.

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

Инструмент кодирования/декодирования Base64Инструмент кодирования/декодирования URLКонвертер временных метокКонвертер единиц измерения