반응형웹

반응형웹(Responsive Web)이란?

여러 장치의 다양한 특성에 대응하는 하나의 웹 문서 또는 사이트로써, 데스크탑, 태블릿, 모바일 등 각 장치(매체)의 브라우져 가로길이에 반응하여 사이트의 레이아웃과 컨텐츠 구성 등을 가변적으로 변경되도록 하는 기술을 뜻한다.

 

1. 가로길이 가변적으로 한다.

퍼센트, flex, calc

flex : 1 (flex비율)
max-width 최대길이 // width:100% 줄 필요X

 

2. 미디어쿼리