Page 10 -

동적 레이아웃은 공간 크기에 따라 글이 나열되는 방식이 달라지므로 종종 문제가 생길 수
있습니다. 예를 들면 브라우저 너비를 늘렸을 때 일부 콘텐츠가 가로로 길게 나열된다거나

줄였을 때 세로로 길게 나열되어 전체 레이아웃이 틀어지는 문제가 생길 수 있습니다.

그림 1-5 동적 레이아웃: 브라우저 너비에 따라 공간의 크기가 달라짐

공간의 크기가 동적으로 변함

● 예시 화면: Exercise/1장/2_liquid_layout.html

적응형 레이아웃

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

바뀐다는 특징이 있습니다.

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

16 모두의 HTML5 & CSS3