CSS - 문제 미리보기
문제 1350
medium
브라우저 창 크기에 따라 반응하는 뷰포트 단위로 전체 화면 높이를 설정하려면?
```css
.hero-section {
width: 100_____; /* 전체 너비 */
height: 100_____; /* 전체 높이 */
}
```
```css
.hero-section {
width: 100_____; /* 전체 너비 */
height: 100_____; /* 전체 높이 */
}
```
정답: B
• 뷰포트 단위는 브라우저 창 크기를 기준으로 하는 상대 단위입니다
• 뷰포트 단위의 종류:
• `vw` (viewport width): 뷰포트 너비의 1%
• `vh` (viewport height): 뷰포트 높이의 1%
• `vmin`: 뷰포트의 작은 쪽 차원의 1%
• `vmax`: 뷰포트의 큰 쪽 차원의 1%
• % 단위와의 차이:
• `%`: 부모 요소의 크기 기준
• `vw/vh`: 브라우저 창(뷰포트) 크기 기준
• 뷰포트 단위의 종류:
• `vw` (viewport width): 뷰포트 너비의 1%
• `vh` (viewport height): 뷰포트 높이의 1%
• `vmin`: 뷰포트의 작은 쪽 차원의 1%
• `vmax`: 뷰포트의 큰 쪽 차원의 1%
• % 단위와의 차이:
• `%`: 부모 요소의 크기 기준
• `vw/vh`: 브라우저 창(뷰포트) 크기 기준
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.