10-1. CSS 반응형 웹, 뷰포트, 미디어쿼리, 미디어 쿼리 유용한 사이트

1. 반응형 웹 반응형 웹 디자인은 웹 요소를 화면 크기에 맞게 재배치하고 각 요소의 표시 방법만 바꾸어 사이트를 구현하는 것이다. 2. 뷰포트 뷰포트 viewport 란 스마트폰 화면에서 실제 내용이 표시되는 영역이다. 뷰포트는 태그 사이에 태그를 사용해서 작성한다. 뷰포트 단위 1️⃣ vw(viewport width) : 1vw는 뷰포트 너비의 1% 2️⃣ vh(viewport height) : 1vh는 뷰포트 높이의 1% 3️⃣ vmin (viewport minimum) : 뷰포트 너비와 높이 중에서 작은 값의 1% 4️⃣ vmax (viewport maximum) : 뷰포트 너비와 높이 중에서 큰 값의 1% 3. 미디어쿼리 CSS모듈인 미디어 쿼리는 사이트에 접속하는 장치에 따라 특정한 CSS 스..

2021.10.17