나를 찾는 아이

미디어쿼리(media query)는 단말기의 종류에 따라 각각 다른 스타일시트(CSS)를 적용할 수 있도록 도와주는 기능입니다. 최근 반응협 웹디자인(responsive web design)이 강조되면서 하나의 웹페이지를 만들고 미디어쿼리를 통해 단말기 또는 해상도마다 다른 CSS를 적용하므로써 최적화된 UI를 보여주는 용도로 사용되고 있습니다. 위 사례 말고도 검색해보시면 더 많은 사례들이 있습니다.(이미지출처 : http://designmodo.com/responsive-design-examples/) 미디어 쿼리를 사용하는 방법은 여러가지가 있지만 아래와 같이 CSS 선언을 통해서 적용이 가능합니다. @media screen and (max-width: 1025px){ } @media screen ..