이선 마코트(Ethan Marcotte)가 처음 도입한 반응형 웹 디자인(Responsive WebDesign), 즉 반응형 웹은 하나의 웹 페이지로 데스크톱, 태블릿, 스마트 폰 등 다양한 기기의 화면에서 콘텐츠가 제대로 보이게 하는 기술을 말한다. 일반적으로 문서의 너비가 고정된 고정 레이아웃에 맞게 개발된 웹 페이지는 다음 그림에서와 같이 스마트 폰에서 보면 이미지나 글자가 너무 작아지게 되어 이용하기 어렵다.
반응형 웹 디자인 기술을 이용하면 스마트 폰 전용의 모바일 사이트를 별도로 제작할 필요 없이 하나의 웹 사이트로 다양한 기기의 화면에 페이지를 제대로 표시할 수 있게 된다. 다음의 그림에서는 반응형 웹 디자인 기술이 적용된 웹 사이트가 데스크톱, 테블릿, 스마트 폰에서 각각 어떻게 보여지는 지를 나타내고 있다.
