(→같이 보기) |
|||
| (사용자 2명의 중간 판 2개는 보이지 않습니다) | |||
| 16번째 줄: | 16번째 줄: | ||
==같이 보기== | ==같이 보기== | ||
*[[CSS float 속성]] | *[[CSS float 속성]] | ||
*[[CSS @media | *[[CSS 미디어쿼리 @media]] ★ | ||
*[[Respond.js 시작하기]] | *[[Respond.js 시작하기]] | ||
*[[테이블 없는 웹 디자인]] | *[[테이블 없는 웹 디자인]] | ||
| 27번째 줄: | 27번째 줄: | ||
*[[모바일 친화성]] | *[[모바일 친화성]] | ||
==참고 | ==참고== | ||
*https://en.wikipedia.org/wiki/Responsive_web_design | *https://en.wikipedia.org/wiki/Responsive_web_design | ||
*http://terms.naver.com/entry.nhn?docId=2070850&cid=2959&categoryId=2959 | *http://terms.naver.com/entry.nhn?docId=2070850&cid=2959&categoryId=2959 | ||
*http://d2.naver.com/helloworld/81480 | *http://d2.naver.com/helloworld/81480 | ||
[[분류: 반응형]] | |||
[[분류: 웹디자인]] | [[분류: 웹디자인]] | ||
2021년 3월 1일 (월) 16:15 기준 최신판
1 개요[ | ]
- responsive web design; RWD, responsive design, responsive web
- 반응형 웹 디자인
- 웹브라우저 기기 환경에 맞춰지는 웹디자인
- 스마트폰, 태블릿, 데스크탑 등 다양한 해상도 지원
- 다양한 화면에 대응하여 최적의 화면을 제공하는 웹디자인
- 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지
- 가로폭이 작아지면 모바일웹 형식의 메뉴로 전환됨
- 하나의 HTML 문서, 하나의 URL로 다양한 환경에 대응함[1]
- 이미지 크기가 상황에 맞게 자동조절됨
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
- ↑ 기존에는 모바일웹용 문서, URL주소를 따로 제공하였다.
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}