Конвертер CSS-единиц
Пересчитывайте значения между распространенными CSS-единицами с учетом базового размера и области просмотра.
Запустить инструмент
Конвертер CSS-единиц пересчитывает числовые значения между px, em, rem, %, pt, vw, vh, см, мм и дюйм. Он пригодится при подготовке стилей, когда нужно быстро сравнить абсолютные и относительные единицы. Введите число, выберите исходную и целевую единицы, затем проверьте дополнительные параметры. Базовый размер шрифта нужен для em, rem и процентов. Ширина области просмотра участвует в пересчете vw, а высота нужна для vh. Если оставить поля без изменений, применяются значение 16, исходная единица px, целевая единица rem, базовый размер 16, ширина 1920 и высота 1080. Например, 16 px при базовом размере 16 превращаются в 1 rem. После расчета сервис показывает итоговую величину и промежуточное значение в пикселях. Оба значения округляются до четырех знаков после запятой. Вы можете быстро переводить адаптивные размеры в фиксированные и обратно для точной верстки макетов. Перед переносом значений в код проверьте параметры шрифта и экрана.
Инструкция
- Введите число в поле «Значение».
- Выберите исходную единицу в поле «Исходная единица» и целевую единицу в поле «Целевая единица».
- Для em, rem и процентов проверьте базовый размер шрифта. Для vw укажите ширину области просмотра, для vh укажите ее высоту.
- Нажмите кнопку запуска расчета.
- Проверьте итоговое значение и промежуточный пересчет в пикселях, округленные до четырех знаков после запятой.
Примеры
- Перевести 16 px в rem: введите 16, выберите px и rem, проверьте базовый размер 16. Результат составит 1 rem, а промежуточное значение будет равно 16 px.
- Перевести 50 vw в px для области просмотра шириной 1920 px: введите 50, выберите vw и px, укажите ширину 1920. Результат составит 960 px.
Частые вопросы
Какие единицы поддерживает конвертер?
Доступны px, em, rem, %, pt, vw, vh, см, мм и дюйм.
Зачем нужен базовый размер шрифта?
Укажите базовый размер для пересчета em, rem и процентов. Если не менять значение, используется 16.
Когда нужны размеры области просмотра?
Для vw укажите ширину области просмотра, а для vh ее высоту. По умолчанию используются значения 1920 и 1080 соответственно.
Какие значения используются по умолчанию?
Если не менять поля, используются значение 16, исходная единица px, целевая единица rem, базовый размер 16, ширина 1920 и высота 1080.