반응형 디자인

화면 크기에 따라 자동으로 레이아웃이 바뀜

PC와 스마트폰과 같이 화면 크기가 달라도 읽기 쉽도록 자동으로 레이아웃하는 구조를 가진 디자인을 말한다. 
PC용으로 잓어한 페이지를 그대로 스마트폰으로 보면 문자가 작아서 읽기 어렵지만 보기 쉽게 자동으로 
레이아웃이 전환된다. 웹사이트 운용자는 하나의 HTML을 작성하기만 하면 이용자 환경에 따라서 
자동으로 레이아웃을 바꿀 수 있다. 

*뷰포트 지정
작은 화면이라도 해상도가 높은 경우가 있기 때문에 화면에서 
작게 표시되지 않도록 뷰포트라는 지정 방법이 반응형 디자인에서 사용된다 

*CSS 프레임워크 
디자인을 잘 모르는 사람이 봐도 어느 정도 정돈된 사이트를 간단하게 
제작 가능한 반응형 디자인을 도입할 수 있는 CSS 프레임워크가 많이 
사용되고 있다.