V·H
C1abbreviationUS/ˌviː ˈeɪtʃ/UK드물게 쓰임
웹 디자인에서 뷰포트 높이의 1%를 나타내는 CSS 단위 약어
noun명사
- 1
뷰포트 높이 단위 — CSS에서 뷰포트 높이의 1%에 해당하는 길이 단위C1〔technical〕
a CSS length unit equal to one percent of the height of the viewport
Set the hero section to 100vh so it fills the screen.
히어로 섹션이 화면을 채우도록 높이를 100vh로 설정하세요.
On mobile, 100vh can behave differently when the address bar moves.
모바일에서는 주소 표시줄이 움직일 때 100vh가 다르게 동작할 수 있습니다.
뉘앙스 · 쓰임
vh는 일반 영어 단어가 아니라 CSS 단위입니다. px는 고정된 픽셀 단위인 반면, vh는 화면 높이에 따라 변하는 상대 단위입니다. vw는 뷰포트 너비를 기준으로 하고, vh는 뷰포트 높이를 기준으로 합니다.
주로 코드, 개발 문서, 웹 디자인 설명에서 소문자 vh로 씁니다. 일반 대화에서는 의미를 모를 수 있으므로 처음에는 “the CSS unit vh”처럼 설명을 붙이는 것이 좋습니다.
유의어 뉘앙스 비교
- viewport-height unit
- vh의 의미를 풀어 쓴 표현으로, CSS 단위 이름이라기보다 설명적인 표현입니다.
자주 쓰는 표현 · Collocations
number+noun
- 100vh뷰포트 높이 전체
noun+number+noun
- height: 100vh높이: 100vh
verb+noun
- use vh unitsvh 단위를 사용하다
verb+noun+prep+noun
- set the height in vh높이를 vh 단위로 설정하다
어원 · 암기 팁
[English]영어 표현 viewport height의 머리글자를 딴 CSS 단위 약어입니다.
v는 viewport, h는 height를 나타냅니다.
💡 vh를 ‘viewport height’의 줄임말로 기억하면 됩니다.