동적 레이아웃

동적 레이아웃은 브라우저 너비와 상관없이 화면에 콘텐츠가 꽉 채워지도록 제작하는 방식입니다. 브라우저 너비가 바뀌면 공간 크기가 동적으로 변하기 때문에 가로 스크롤이 나타나지 않습니다.

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

 

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

 

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