검색
색인
반응형 웹, 反應型-, Responsive web
단말의 종류와 화면 크기에 실시간 반응하여 웹 페이지를 최적화된 화면 구성으로 보여주는 웹.

스마트폰 같은 모바일 단말의 이용량이 늘면서 데스크톱 위주의 기존 웹 사이트가 작은 화면에는 적당하지 않아 웹 페이지를 사용자의 화면 크기에 자동으로 맞춰 보여주는 기술이 필요하게 되었다.
반응형 웹 구현에 사용되는 대표적인 기술은 종속 스타일 시트 3 버전(CSS3: Cascading Style Sheets version 3)이다. 웹 문서 내 미디어 스타일 설정에 사용하는 미디어 쿼리(media query)를 이용하면 단말 화면의 폭이나 높이에 따라 레이아웃이 자동으로 구성된다. 글자 크기를 자동으로 조정하기 위해서는 폰트의 고정 크기 단위인 px(픽셀)이 아닌 상대 단위인 em(엠)을 사용하면 된다. 또 이미지 크기는 상대 비율 단위인 %를 이용하면 반응형 웹 화면을 구현할 수 있다.
화면 크기에 대응하여 웹 페이지의 레이아웃이 바뀌는 반응형 웹과 달리 웹 페이지를 다양한 화면 크기별로 미리 제작하여 보여주는 ‘적응형 웹(Adaptive web)' 방식도 있다.