반응형 웹 소스 미디어쿼리 기본 원리 ■ 요즘은 PC보다는 스마트폰으로 웹 페이지를 보는 일이 더 많을 겁니다. 이런 환경에 맞게 웹 문서를 만들 때는 PC 환경뿐만 아니라 스마트폰, 태블릿 등의 환경도 신경을 써서 제작해야 하는데요. 사용하는 기거에 따라서 그 기기에 맞는 웹 디자인을 적용해주는 기능을 하는 게 미디어쿼리입니다. 이번 글에서는 미디어쿼리의 형식과 원리를 알아보도록 하겠습니다. ■ 먼저 미디어쿼리의 형식의 기본 구문은 다음과 같습니다. @media all and (min-widht : 320px) and (max-width : 767px) { 적용할 CSS 속성}가로 너비가 320px~767px일때는 이 스타일을 적용하게 하는 것입니다. 가로의 사리즈를 보면 핸드폰으로 볼 때 화면이라고 ..