Что это такое
Конвертер MM в VH — это инструмент, который переводит физические миллиметры в относительную CSS-единицу viewport height (vh). В отличие от пикселей, vh зависит от высоты окна браузера: 1 vh равен 1% текущей высоты вьюпорта. Калькулятор автоматически определяет параметры вашего экрана и показывает, сколько vh займет объект, если вы задали его размер в миллиметрах — например, при переносе макета из Figma или печатного дизайна в веб-вёрстку.
Как пользоваться
- Откройте конвертер мм в vh — он сразу определит разрешение вашего монитора или устройства.
- Если автоопределение сработало неточно, выберите устройство из 12 встроенных пресетов: от iPhone до 4K-монитора.
- Введите значение в миллиметрах в поле слева — справа мгновенно появится результат в vh.
- Нажмите кнопку «Скопировать», чтобы получить готовый CSS-код вида
height: 5.2vh;. - Используйте таблицу конвертации ниже, чтобы быстро сверяться с частыми значениями без повторного ввода.
- При необходимости смените базовую высоту вьюпорта вручную — это полезно, если верстаете под конкретное окно браузера.
Кому и когда пригодится
Инструмент создан для веб-разработчиков и дизайнеров, которые работают с адаптивной вёрсткой. Конвертер мм vh выручит, когда нужно перенести размеры из печатного макета или физического образца в CSS. Особенно полезен при создании баннеров, попапов, полноэкранных секций и элементов, которые должны сохранять пропорции на разных устройствах.
Также калькулятор vh пригодится frontend-разработчикам, которые тестируют адаптивность: вместо того чтобы гадать, сколько займёт блок на маленьком ноутбуке, можно быстро перевести миллиметры в вьюпорт и задать точные значения. Инструмент удобен при работе с CSS-анимациями, где важна привязка к высоте экрана, и при создании презентаций на чистом HTML.
Плюсы и ограничения
Плюсы:
- Мгновенное автоопределение экрана — не нужно вводить разрешение вручную.
- 12 готовых пресетов популярных устройств ускоряют работу.
- Выдаёт сразу готовый CSS-код — копируйте и вставляйте в стили.
- Таблица конвертации помогает быстро находить типовые значения.
- Полностью бесплатный и работает прямо в браузере без установки.
Ограничения:
- vh зависит от высоты окна, а не от физического размера экрана — на мобильных с адресной строкой значения могут «плавать».
- Перевод миллиметров в vh приблизителен, так как плотность пикселей (DPI) на разных устройствах отличается.
- Инструмент не учитывает, что vh меняется при ресайзе окна — это нужно помнить при выборе единиц.
Частые вопросы
Почему 10 мм на разных устройствах дают разное количество vh?
Всё зависит от физического размера экрана и его разрешения. На маленьком ноутбуке с плотностью пикселей 125% 10 мм займут больше vh, чем на 27-дюймовом мониторе с 100% масштабом. Конвертер мм vh учитывает эти параметры через автоопределение или выбранный пресет.
Чем vh отличается от vw при конвертации миллиметров?
Vh привязан к высоте вьюпорта, а vw — к ширине. Если вы переводите миллиметры в vh, размер элемента будет зависеть только от вертикального размера окна. Для квадратных элементов лучше использовать vmin или vmax, но наш инструмент специализируется именно на высоте.
Можно ли использовать конвертер для печатных макетов?
Да, это одна из главных задач. Если у вас есть макет, свёрстанный в миллиметрах для печати, и вы хотите перенести его в веб, калькулятор vh покажет, как эти размеры будут выглядеть на экране. Учитывайте, что точное совпадение невозможно из-за разницы в DPI.
Какой пресет выбрать, если я верстаю под необычный экран?
Лучше не полагаться на пресеты, а ввести точную высоту вьюпорта вручную — поле для этого есть в интерфейсе. Например, для ультрабука с высотой окна 800px введите это значение, и перевод мм в vh будет максимально корректным.
Почему результат в таблице и при вводе значения может отличаться?
Таблица конвертации рассчитана для стандартного экрана с базовой высотой 1080px. Если вы изменили устройство или ввели другую высоту вьюпорта, числа в таблице останутся прежними, но основной расчёт будет учитывать ваши параметры.