반응형 웹 디자인을 구성하는 기술

1. 미디어 쿼리

 

2. 플루이드 그리드

     그리드 디자인과 리퀴드 레이아웃을 조합한 레이아웃 방법.

     

     고정 레이아웃(px단위)에 따른 페이지 제작

     고정 레이아웃에서 가변 레이아웃으로 변환

     플루이드 그리드와 미디어 쿼리의 조합

 

3. 플루이드 이미지

     브라우저 윈도우 넓이에 맞추어 이미지를 확대 축소하는 밥업