• 현재 실행중인 스크린 크기에 맞춰 상대적 크기를 반환

• vh = viewport height → % 치환 가능

  • 기준 : 높이

• vw = viewport width → % 치환 가능

  • 기준 : 너비

css

html > body > section, div, span, ul etc..{

}
/* html의 height로 window 창의 크기에 따라 적용시킬 수 있다. */
html{
	height:100%;
}

height의 비율은 inherit이 아니므로 포함하는 태그 모두를 적용시켜야 한다.

---

* height에서 vh를 이용해 종속관계에 상관없이 화면사이즈 조절가능

• 10vh : 화면의 10%
• 50vh : 창화면의 50%

# css code

xxxx{
	height: 10vh;
}

cf. vmin & vmax

• viewport 의 길이 중 더 긴 길이를 기준 : vmax

• 더 짧은 길이를 기준 : vmin