평범한 웹을 반응형 웹사이트로 만드는 법입니다. 이것은 사용자의 브라우저 환경에 따라 화면이 유동적으로 바뀌게 하는 기술로, 웹디자이너 이튼 마르코트가 만든 말입니다. 원문이 궁금하신 분은 링크를 통해 확인해 주세요.(무려 2010년에 쓴 글입니다)
1
CSS3 미디어 쿼리를 사용합니다. 미디어 쿼리를 이용하면 브라우저창의 넓이, 화면의 비율, 방향 등 상태값에 따라 다른 CSS를 적용할 수 있습니다.
2
레이아웃을 유동적으로 만듭니다. 반응형 웹디자인은 크기를 지정할 때 픽셀 대신 퍼센트를 사용합니다.
3
이미지와 미디어 요소의 크기를 유동적으로 만듭니다. 화면 크기가 변할 때 그 안의 이미지와 미디어의 크기도 함께 변하도록 하기 위해 부모 요소에 해당 요소들이 종속되도록 둡니다.
