J.BF Story

[CSS] %, vw, vh, vmin, vmax 본문

FrontEnd/CSS

[CSS] %, vw, vh, vmin, vmax

J.BF 2022. 7. 3. 23:48

** viewport: 사용자에게 보여지는 영역

 

%

  • 기준: 부모 요소
  • 윈도우 크롬에서 보여지는 스크롤바 제외

 

vw

Viewport Width
  • 기준: viewport
  • 윈도우의 크롬에서 보여지는 스크롤바 포함

 

vh

Viewport Height
  • 기준: viewport
  • 윈도우의 크롬에서 보여지는 스크롤바 포함

 

vmin

Viewport Minimum
  • 기준: viewport의 width와 height 중 크기가 작은 것

 

vmax

Viewport Maximum
  • 기준: viewport의 width와 height 중 크기가 큰 것

'FrontEnd > CSS' 카테고리의 다른 글

[CSS] absolute 요소 컨테이너 외부에 배치하기  (0) 2022.07.05
[CSS] Flex에서 글자 라인 맞추기  (0) 2022.07.04
[CSS] em vs rem  (0) 2022.07.02
[CSS] 사용자 지정 속성(변수) 사용  (0) 2022.07.01
[CSS] Flex 일부 요소 우측/좌측 정렬  (0) 2022.06.30
'FrontEnd/CSS' Related Articles more
Comments