Что это такое
VH (viewport height) — это CSS-единица, которая всегда равна текущей высоте окна браузера. Но что делать, если нужно узнать, сколько миллиметров займёт элемент на реальном физическом экране? Именно для этого создан конвертер VH в MM: он мгновенно переводит виртуальные viewport-единицы в физические миллиметры с учётом диагонали и плотности пикселей вашего дисплея.
Инструмент работает онлайн прямо в браузере, поддерживает 17 готовых пресетов популярных устройств — от iPhone до широкоформатных мониторов — и умеет автоматически определять параметры вашего экрана. Это избавляет от ручных вычислений и ошибок при адаптивной вёрстке.
Как пользоваться
- Откройте конвертер VH в MM в любом современном браузере.
- Введите числовое значение VH, которое нужно перевести (например, 50).
- Выберите устройство из 17 пресетов или нажмите кнопку «Автодетект экрана» — инструмент сам определит диагональ и DPI вашего монитора.
- Если нужно, задайте ширину и высоту вьюпорта вручную.
- Нажмите «Рассчитать» — калькулятор VH мгновенно покажет результат в миллиметрах и заодно в пикселях.
Кому и когда пригодится
- Веб-разработчикам — чтобы контролировать физические размеры блоков при создании адаптивных макетов, особенно для нестандартных устройств.
- Дизайнерам интерфейсов — при подготовке макетов в Figma или Sketch, когда нужно точно сопоставить CSS-единицы с реальными размерами печатной продукции.
- Тестировщикам — для проверки, корректно ли отображаются элементы на разных устройствах, особенно если клиент требует соответствия определённым физическим размерам.
- Специалистам по цифровой типографике — когда нужно вычислить, какой размер шрифта в VH будет соответствовать нужному кеглю в миллиметрах на конкретном экране.
- Разработчикам PWA-приложений — при создании офлайн-инструментов, где требуется точное позиционирование элементов относительно физического размера дисплея.
Плюсы и ограничения
Плюсы:
- Мгновенный расчёт с учётом реальной плотности пикселей устройства.
- Автодетект экрана экономит время на ручном вводе характеристик.
- Пресеты популярных гаджетов упрощают тестирование без физического доступа к ним.
- Показывает результат одновременно в миллиметрах и пикселях — удобно для сравнения.
- Не требует установки: работает в браузере с любого устройства.
Ограничения:
- Точность зависит от корректности данных о диагонали и DPI — на сомнительных мониторах результат может отличаться.
- VH — динамическая единица, она меняется при изменении размера окна, поэтому расчёт актуален для конкретного момента.
- Не учитывает масштабирование браузера и системные настройки отображения.
Частые вопросы
Почему результат в миллиметрах отличается от реального размера линейки?
Потому что браузер не знает физических параметров вашего монитора на 100% точно. Инструмент использует общепринятые значения DPI по умолчанию, а автодетект может ошибаться на некоторых ноутбуках с нестандартными матрицами. Для максимальной точности введите параметры экрана вручную.
VH и VW — это одно и то же?
Нет. VH привязан к высоте окна браузера, а VW — к его ширине. Конвертер работает именно с высотой, поэтому для перевода ширины в миллиметры нужно использовать отдельный расчёт с учётом соотношения сторон.
Как перевести VH в пиксели?
Всё просто: пиксели = (VH × высота вьюпорта в px) / 100. Наш калькулятор VH делает это автоматически — достаточно посмотреть на дополнительный результат в пикселях.
Подходит ли инструмент для печати?
Да, но с оговоркой. Для печатной продукции лучше использовать физические единицы (mm, cm, pt), а не viewport-единицы. Конвертер полезен лишь для предварительной оценки того, как CSS-вёрстка будет соотноситься с физическими размерами.
Что делать, если моего устройства нет в пресетах?
Просто выберите пункт «Пользовательский экран» и введите диагональ, разрешение и ширину вьюпорта вручную. Инструмент выполнит конвертацию VH в мм с учётом ваших данных.