미디어 쿼리 썸네일형 리스트형 반응형 웹 (간단한 예제 Header 만들기) 반응형웹 디자인(responsive web design, RWD)이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다. 간단히 말하면 당신이 가로 10m 선에 맞춰서 가구나 예쁜 화분들을 정리해 놓았다고 치자. 물론 10m 짜리에 맞춰서 했을 때는 이쁘게 해놓았을 것이지만 주변에서 미안한데 5m 공간만 써라해서 공간이 줄어들었을 때도 이쁘게 정리가 되어있을 까 하는 것이다. 포인트는 5m 공간에 대비한 배치나 디자인도 신경을 써야 한다는 것이다. 반응형 웹을 구축하기 위해서는 CSS의 미디어 쿼리가 필요하다. 미디어 쿼리는 CSS3에 포함되어 있으며, 컨텐츠의 변경없이 주로 화면의 크기에 따라 스타일.. 더보기 이전 1 다음
