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

 
(사용자 2명의 중간 판 7개는 보이지 않습니다)
15번째 줄: 15번째 줄:


==같이 보기==
==같이 보기==
*[[CSS @media 규칙]]
*[[CSS float 속성]]
*[[CSS 미디어쿼리 @media]]
*[[Respond.js 시작하기]]
*[[Respond.js 시작하기]]
*[[테이블 없는 웹 디자인]]
*[[테이블 없는 웹 디자인]]
*[[CSS 프레임워크]]
*[[CSS 프레임워크]]
*[[CSS 그리드]]
*[[Bootstrap]]
*[[Bootstrap]]
*[[미디어 쿼리]]
*[[미디어 쿼리]]
25번째 줄: 27번째 줄:
*[[모바일 친화성]]
*[[모바일 친화성]]


==주석==
==참고==
<references/>
 
==참고 자료==
*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


[[분류: 반응형]]
[[분류: 웹디자인]]
[[분류: 웹디자인]]

2021년 3월 1일 (월) 16:15 기준 최신판

1 개요[ | ]

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

 

 

2 같이 보기[ | ]

3 참고[ | ]

  1. 기존에는 모바일웹용 문서, URL주소를 따로 제공하였다.
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}