미디어쿼리 / 반응형 웹

미디어쿼리에 대해 알아요?

반응형 웹이란 디바이스 별로 각각 레이아웃이 달라지는 웹이다.

미디어쿼리는 그렇다면 반응형 웹에서 필수적이다.

간단한 개념은 미디어쿼리는 화면마다 각각 다르게 CSS를 적용하는 것이다.
화면사이즈를 인식해 서로다른 CSS를 적용시켜준다.
CSS파일 or <style>에 기술한다.

공통적인 css를 작성하고 미디어쿼리는 따로 작성

cf) 뷰포트(ViewPort) - 메타 태그
뷰포트는 모바일 브라우저에서 web content를 출력하는 영역

출처