vh : Viewport Height
vw : Viewport Width
예를 들어 화면을 꽉 채우고 싶을 때(Content의 넓이가 100%가 안되더라도)
width: 100vw;
height: 100vh;
로 하면 보이는 화면의 100%로 된다.
즉 1vw와 1vh는 각각 가로 1%와 세로 1%이다.
반응형
'Web Programming > HTML & CSS' 카테고리의 다른 글
| [CSS] img태그의 src를 css로 대체하는 방법 (2) | 2022.01.20 |
|---|---|
| [CSS] img태그에서 ::after 및 ::before 안되는 이유 (0) | 2022.01.20 |
| [CSS] em과 rem, 제대로 알고 사용하자! (0) | 2021.12.20 |
| [CSS] span에서의 ... 말 줄임표(text-overflow: ellipsis 속성) 처리 (0) | 2020.10.07 |
| CSS) 한가운데 div 배치하기(가로세로중앙정렬) (0) | 2019.02.08 |
