[버그] 안드로이드 세로 뷰로 페이지 접근시 본문/댓글 등의 텍스트 영역의 가로 영역이 축소됨

안드로이드 단말에서 옵션으로 인해 재현되는 이슈 공유 드립니다.

재현환경

안드로이드 단말(PAD류 포함) 모든 버전

재현화면

재현조건

• 뷰포트 정의가 없음 (PC서비스)
• 좌측 정렬(디폴트 좌정렬 포함)
• 일정 길이 이상의 문장

원인

안드로이드에서 모바일 전용 페이지가 아닌 경우 텍스트를 쉽게 읽게 하기 위하여 사용되는 ‘페이지 자동 맞춤’ 옵션이 유발

해결방법

1. 배경색 지정(#fff등)이나 투명 배경이미지를 지정하여 해결
2. 해결된 태그 안쪽에 또 다른 block element가 들어오면 또다시 회피 되지 않음
3. 2번의 이유로 피딩된 기사를 수신하거나 사용자 입력 데이터를 노출하는 영역은 해결 불가능

참고사항

http://www.youtube.com/watch?v=vuUEuduOR8c&noredirect=1
한글 OS에서의 접근은 브라우저에서 우상단 설정 > 고급 > 페이지 자동 맞춤 토글 하시면 됩니다.