[웹 개발 입문 - CSS] 3장 - CSS Responsive (마지막)

3.1 Responsive (반응형)

  - 반응형: 사용자의 해상도에 따라 웹 페이지의 레이아웃을 최적화해서 보여주는 기술

   - 웹 페이지의 레이아웃, HTML 요소, 콘텐츠가 사용자의 해상도(데스크탑, 태블릿, 스마트폰 등)에 따라

      가장 알맞은 형태로 사용할 수 있도록 제공하는 기술

3.2 Viewport

  - 뷰포트: 모바일 웹에서 웹 페이지가 사용자에게 보여지는 영역

    - 모바일에서 화면 사이즈 작아서 콘텐츠 스크롤 등 불편 해소

3.3 미디어 쿼리

  - 스크린 크기별로 별도의 CSS 적용해서 사용자의 스크린 크기에 최적화된 스타일 적용

---

[Reference]

Source Code - CSS ch 03

개발자의 품격 (유튜브) - CSS