신지덤

  1. 신기술
    1. 신기술

반응형 웹(CSS3, 미디어쿼리)

개념
- 다양한 디바이스 환경에서 각각의 디바이스의 특성에 따라 동적으로 반응하여 최적화된 웹 기반 사용자 환경을 제공하기 위한 기법

I. 반응형 웹

    다양한 디바이스 환경에서 각각의 디바이스의 특성에 따라 동적으로 반응하여 최적화된 웹 기반 사용자 환경을 제공하기 위한 기법


II. 반응형 웹 특징

     1) 사용자 측면 : N-Screen 환경에서 다양한 디바이스 환경에서 동일한 사용자 환경의 품질 요구
     2) 제공자 측면 : One Source Multi Use를 통한 서비스 구축 및 유지보수 비용 절감 / 웹표준 준수


III. 구성요소

     1) 미디어 쿼리 : 반응형 웹을 구현하기 위한 CSS 3의 핵심 기능 / 디바이스 관련 다양한 정보를 이용하여 최적화된 화면을 제공
     2) 유동형 그리드(Fluid Grid) : 고정된 pixel 값이 아닌 %를 이용하여 그리드를 구현
     3) 유동형 이미지(Flexible Image) : 고정된 pixel 값이 아닌 %를 이용하여 스크린 크기에 맞는 이미지 제공 / HTML5 표준스펙개발


IV. 적응형 웹

    해상도를 강제로 적용함.


 

댓글