반응형 웹디자인

1 개요

responsive web design; RWD, responsive design, responsive web

반응형 웹 디자인

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

 

 

2 같이 보기

• CSS float 속성
• CSS 미디어쿼리 @media ★
• Respond.js 시작하기
• 테이블 없는 웹 디자인
• CSS 프레임워크
• CSS 그리드
• Bootstrap
• 미디어 쿼리
• 스마트폰 해상도
• 모바일웹
• 모바일 친화성

3 참고

• https://en.wikipedia.org/wiki/Responsive_web_design
• http://terms.naver.com/entry.nhn?docId=2070850&cid=2959&categoryId=2959
• http://d2.naver.com/helloworld/81480