css 미디어 쿼리1 css media queries 미디어 쿼리 min-width, max-width 비교하기 미디어 쿼리는 다양한 화면에 대응하여 최적화된 반응형 웹 페이지를 만드는 유용한 코드입니다. 데스크톱 PC 화면과 모바일 버전의 화면은 크기가 다릅니다. 그리고 다양한 기종의 스마트폰은 상이한 화면 크기 설정을 사용합니다. 미디어 쿼리는 CSS로 디자인한 웹 페이지를 화면 크기에 따라 변경되어 출력되도록 돕는 코드입니다. 예시를 통해 미디어 쿼리에 대해 알아보겠습니다. 예시로 기본 코드를 작성하겠습니다. 먼저 가장 상위 개념으로 html 태그를 작성합니다. 이 html 문서가 가진 문자 속성 및 CSS 서식을 적용할 head 헤드 태그를 만듭니다. head 헤드 태그에는 title 태그, meta 메타 태그, style 스타일 태그가 포함됩니다. title은 웹 문서의 제목으로서 "Media Qureie.. 2020. 9. 1. 이전 1 다음
