적응형 레이아웃

적응형 레이아웃은 브라우저 너비에 따라 레이아웃이 변경되는 방식입니다. 정적 레이아웃처럼 공간의 크기는 고정되지만 사용자가 정의한 여러 가지 너비에 따라 레이아웃 형태가 바뀐다는 특징이 있습니다.

정적·동적 레이아웃과 달리 스마트폰, 태블릿PC, 데스크톱 등 다양한 기기 화면을 지원합니다. 또한 이후에 살펴볼 반응형 레이아웃보다 제작 시간이 적게 드는 장점도 있습니다.

 

그림 1-6 적응형 레이아웃: 브라우저 너비를 줄이면 공간과 레이아웃 배치가 달라짐

 

● 예시 화면: Exercise/1장/3_adaptive_layout.htm