가로모드와 접히는 화면 대응

방문자가 휴대폰을 가로로 돌리는 데는 이유가 있습니다. 세로에서 보기 불편한 무언가가 있기 때문입니다.

그 상황에서 레이아웃이 깨지면, 불편을 해결하려던 시도가 더 큰 불편이 됩니다.

세로 기준으로만 설계하면 가로에서 여러 문제가 생깁니다. 화면 높이가 낮아지는 것이 핵심 원인입니다.

특히 상단과 하단에 고정된 요소가 있으면 내용이 볼 공간이 거의 없어집니다.

가로모드 전용 디자인을 따로 만들 필요는 없습니다. 몇 가지만 지키면 대부분 해결됩니다.

핵심은 화면 높이에 의존하지 않게 만드는 것입니다.

접었다 펼 수 있는 기기는 사용 중에 화면 크기가 바뀝니다. 펼치는 순간 레이아웃이 다시 계산되어야 합니다.

특별한 대응이 필요하다기보다, 반응형이 제대로 되어 있으면 자연스럽게 처리됩니다.

□  휴대폰을 가로로 돌려 확인했는가

□  가로에서 첫 화면의 버튼이 보이는가

□  화면 높이에 의존하는 설정이 없는가

□  고정 헤더와 하단 바가 가로에서 화면을 잠식하지 않는가

□  팝업이 가로에서 잘리지 않고 스크롤되는가

□  영상과 표가 가로에서 제대로 보이는가

□  접히는 기기에서 펼쳤을 때 레이아웃이 전환되는가