meta의 viewport란?
화면을 제어하는 메타태그로 기기의 보이는 영역을 기기의 실제 화면 크기로 변경하여 미디어쿼리가 기기의 화면 크기를 정확하게 감지할 수 있게 함
- 미디어 쿼리 작성시 viewport값은 필수
- 모바일에서 웹페이지가 모바일 사이즈에 맞게 보이려면 viewport값 필수
- width=device-width : 해상도의 크기를 기기의 크기와 맞춤
- initial-scale=1.0 : 기본 사이즈
- minimum-scale=1.0 : 확장 불가
- maximum-scale=1.0 : 축소 불가
- user-scalable=no : 사용자의 확대 축소 금지
'CSS' 카테고리의 다른 글
| [CSS] flex-item 특성 / flex-grow, flex-shrink, flex-basis (0) | 2022.11.08 |
|---|---|
| [CSS] display: flex; (0) | 2022.11.03 |
| [CSS] 단위 값 em / rem , css 함수 calc(); (0) | 2022.11.02 |
| [CSS] 그라디언트 gradient (0) | 2022.10.28 |
| [CSS] 배경 이미지 background-image, repeat, position, attachment, size (0) | 2022.10.27 |