"반응형 웹디자인"의 두 판 사이의 차이

15번째 줄: 15번째 줄:


==같이 보기==
==같이 보기==
*[[CSS @media 규칙]]
*[[CSS @media 규칙]]
*[[Respond.js 시작하기]]
*[[Respond.js 시작하기]]
*[[테이블 없는 웹 디자인]]
*[[테이블 없는 웹 디자인]]

2015년 7월 22일 (수) 12:54 판

1 개요

responsive web design; RWD, responsive design, responsive web
반응형 웹 디자인
  • 웹브라우저 기기 환경에 맞춰지는 웹디자인
  • 스마트폰, 태블릿, 데스크탑 등 다양한 해상도 지원
  • 다양한 화면에 대응하여 최적의 화면을 제공하는 웹디자인
  • 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지
  • 가로폭이 작아지면 모바일웹 형식의 메뉴로 전환됨
  • 하나의 HTML 문서, 하나의 URL로 다양한 환경에 대응함[1]
  • 이미지 크기가 상황에 맞게 자동조절됨

 

 

2 같이 보기

3 주석

  1. 기존에는 모바일웹용 문서, URL주소를 따로 제공하였다.

4 참고 자료

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}