정적 레이아웃으로 제작된 웹 사이트는 다양한 기기(데스크톱, 스마트폰, 태블릿PC 등)에서 접근했을 때 몇 가지 문제가 발생할 수 있습니다. 데스크톱 화면보다 크게 제작된 웹 사이트를 데스크톱에서 접근하면 콘텐츠가 잘린 상태로 출력되면서 가로 스크롤이 발생합니다.

스마트폰이나 태블릿PC, 키오스크, 스마트워치에서는 웹 사이트 크기가 각 기기 화면에 맞게 자동으로 조정되면서 콘텐츠가 작게 출력됩니다. 사용자는 손가락으로 특정 영역을 터치해 확대하면서 웹 사이트를 이용해야 하므로 불편합니다.

 

그림 1-4 정적 레이아웃: 브라우저 너비를 줄이면 브라우저 하단에 가로 스크롤이 나타남

 

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