Конвертер CM в VH онлайн — перевод сантиметров в viewport height единицы CSS
Онлайн-конвертер CM в VH позволяет быстро и точно перевести сантиметры в единицы viewport height для использования в CSS. Единица VH (viewport height) — это относительная единица измерения в CSS, где 1vh равен 1% от высоты области просмотра браузера. Перевод из сантиметров в vh необходим веб-разработчикам и дизайнерам, которые работают с адаптивной вёрсткой и хотят задать размеры элементов относительно экрана пользователя.
Конвертация сантиметров в vh требует знания двух величин: физического размера в сантиметрах и высоты viewport (области просмотра) в пикселях. Наш калькулятор CM в VH автоматически определяет высоту viewport вашего устройства, что упрощает конвертацию. Вы также можете указать высоту viewport вручную или выбрать из списка популярных устройств — от iPhone SE до мониторов 4K разрешения. Это позволяет рассчитать значение vh для любого целевого экрана без необходимости открывать его физически.
Инструмент поддерживает пользовательские настройки DPI (dots per inch). По стандарту CSS один дюйм равен 96 пикселей, что даёт коэффициент конвертации 1 см ≈ 37,795 пикселей. Однако для экранов Retina, HiDPI-мониторов и устройств с нестандартной плотностью пикселей вы можете указать реальный DPI для более точного результата. Конвертер CM в VH вычисляет значения по формуле: VH = (CM × (DPI / 2,54) / Viewport_Height) × 100.
Помимо основного результата в vh, инструмент показывает эквивалентные значения в пикселях (px), миллиметрах (mm) и дюймах (in), а также процент от высоты экрана. Это удобно для комплексной работы с единицами CSS — вы получаете все нужные значения в одном месте. Результаты можно скопировать одним кликом как готовое CSS-значение и вставить прямо в код.
Уникальная функция — таблица конвертации для всех популярных устройств. Вы вводите значение в сантиметрах один раз, а калькулятор показывает результат в vh для 12 различных экранов: от мобильных телефонов (iPhone SE, iPhone 14, Samsung Galaxy) через планшеты (iPad Mini, iPad Air, iPad Pro) до мониторов (Full HD, 2K, 4K). Это незаменимо при создании адаптивных сайтов, когда нужно понять, как один и тот же физический размер отобразится на разных устройствах в единицах vh.
Основные возможности конвертера CM в VH
- Точная конвертация сантиметров в единицы viewport height (vh) по стандарту CSS
- Автоматическое определение высоты viewport вашего устройства
- 12 пресетов популярных устройств — от мобильных до 4K-мониторов
- Одновременный расчёт для всех устройств в таблице
- Дополнительные единицы: пиксели (px), миллиметры (mm), дюймы (in)
- Поддержка пользовательского DPI для экранов с нестандартной плотностью
- Быстрое копирование CSS-значения в один клик
- Пошаговое отображение формулы конвертации для образовательных целей
- Полностью клиентская обработка — все расчёты выполняются в вашем браузере
Кому нужен конвертер из CM в VH
Инструмент предназначен для веб-разработчиков, фронтенд-разработчиков, верстальщиков, UX/UI-дизайнеров и всех, кто работает с CSS-единицами. Если вам прислали макет с размерами в сантиметрах, а вы делаете адаптивную вёрстку с использованием vh — этот конвертер сэкономит ваше время. Он также полезен студентам и начинающим разработчикам, изучающим CSS единицы измерения и принципы адаптивного дизайна. Блогеры и контент-менеджеры, которые настраивают визуальные элементы на своих сайтах, также найдут его полезным для подбора правильных размеров.
Таблица конвертации CM в VH для популярных экранов
| CM | iPhone 14 (844px) | iPad Air (1180px) | Full HD (1080px) | 4K (2160px) |
|---|
| 0.5 см | 2,239 vh | 1,601 vh | 1,75 vh | 0,875 vh |
| 1 см | 4,478 vh | 3,203 vh | 3,5 vh | 1,75 vh |
| 2 см | 8,956 vh | 6,406 vh | 6,999 vh | 3,5 vh |
| 3 см | 13,434 vh | 9,609 vh | 10,499 vh | 5,249 vh |
| 5 см | 22,391 vh | 16,015 vh | 17,498 vh | 8,749 vh |
| 10 см | 44,781 vh | 32,03 vh | 34,996 vh | 17,498 vh |
| 15 см | 67,172 vh | 48,045 vh | 52,493 vh | 26,247 vh |
| 20 см | 89,562 vh | 64,06 vh | 69,991 vh | 34,996 vh |
Что такое единица VH в CSS и зачем конвертировать CM в VH
Единица vh (viewport height) — это относительная единица длины в CSS, представляющая 1% от высоты области просмотра (viewport) браузера. Если высота окна браузера составляет 1080 пикселей, то 1vh равен 10,8 пикселей. Единица vh широко применяется в адаптивном веб-дизайне для создания элементов, которые масштабируются пропорционально размеру экрана пользователя.
Конвертация из физических единиц (сантиметры, миллиметры, дюймы) в единицы viewport необходима, когда дизайн-макет содержит абсолютные размеры, а вёрстка должна быть адаптивной. Сантиметры — это абсолютная единица измерения, не зависящая от экрана. Единицы vh — относительные, зависящие от высоты viewport. Перевод см в vh позволяет сохранить пропорции оригинального дизайна при масштабировании на разных устройствах.
В CSS определены следующие единицы viewport: vh (viewport height), vw (viewport width), vmin (минимум из vh и vw), vmax (максимум из vh и vw). Также в современных браузерах поддерживаются svh, lvh, dvh — small, large и dynamic viewport height, которые учитывают поведение адресной строки на мобильных устройствах. Наш конвертер рассчитывает значение для стандартной единицы vh, которую поддерживают все современные браузеры.
Формула перевода CM в VH
Конвертация сантиметров в viewport height единицы выполняется в два шага. Сначала переводим сантиметры в пиксели по стандарту CSS: количество пикселей = CM × (DPI / 2,54). При стандартном CSS DPI = 96 получаем: 1 см = 37,795 пикселей. Затем переводим пиксели в vh: VH = (пиксели / высота_viewport) × 100. Итоговая формула: VH = (CM × 37,795 / высота_viewport_в_пикселях) × 100.