본문바로가기

CSS

IOS 6.1.3에서의 webkit-text-size-adjust 문제점

모바일 프로젝트를 진행하다가 이슈가 하나 생겼다. font-size의 문제가 발생했다. 이상하게 IOS 6.1.3 아이폰 4의 사파리 브라우져에서만 유독 텍스트가 크게 나오는 것이다. IOS 6.1.3을 제외한 화면 IOS 6.1.3 화면

처음에는 viewport 문제인가?? 로 시작해서 이것저것 테스트들을 하다보니, webkit-text-size-adjust에서의 문제점을 발견했다.

-webkit-text-size-adjust: 200%; 설정으로 인해서 font-size가 2배로 보이는 현상이었다. 테스트를 해보니 IOS 6.1.3 아이폰 4의 [...]