반응형웹
#
Find similar titles
- 최초 작성자
- 최근 업데이트
Table of Contents
정의 #
반응형 웹(responsive web)이란 하나의 웹사이트에서 HTML5의 “미디어 쿼리”를 이용하여 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹 페이지를 말한다.
특징 #
핵심기술 #
반응형 웹의 핵심 기술은 가변 그리드(fluid grid), 유연한 이미지(flexible images), 미디어 쿼리(media query)이다.
장점 #
- 웹사이트를 PC용과 모바일용으로 각각 별개로 제작하지 않고, 하나의 공용 웹사이트를 만들어 다양한 디바이스에 대응할 수 있다.
- PC용 URL과 모바일용 URL이 동일하기 때문에 검색 포털 등 광고를 통한 사용자 접속을 효율적으로 관리할 수 있다.
- 웹 페이지 내용을 수정할 경우, 하나의 페이지만 수정하면 PC와 모바일 등 다양한 디바이스에서 동일하게 반영된다.
단점 #
- IE8 이하에서는 사용이 불가능하다는 점이다
- 실제 사용되는 이미지보다 더 큰 이미지를 사용할 수 있다.
- 이미지 리사이징은 단말기의 CPU를 보다 더 많이 사용한다.
- 실제로 사용하지 않은 자원(이미지, CSS)을 전송 받을 수 있다.
- 미디어 쿼리를 지원하지 않는 브라우저의 사용자가 많다 : CSS3의 속성으로 IE8 이하의 버전에서는 사용이 불가능