모바일 기기 설정 자체에서 폰트 크기를 키웠을 경우에 홈페이지 상의 폰트가 뒤죽박죽 커져버립니다.
구글에 검색해보니 아이폰의 경우는 아래와 같은 코드를 삽입하면 가능하다고 되어 있는데 안드로이드는 따로 나와있지가 않더라구요..
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
그나마 딱 하나 나오는 글이 display:block을 inline-block으로 변경하거나 width값을 조정하면 된다는 글이 있긴 했는데 이것도 100% 제대로 적용이 되진 않았습니다. ㅜㅜ
혹시 다른 방법이 있을까요?
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
5년 전
prefix를 빼고 마지막에 text-size-adjust: none; 추가해보세요
https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust
그래도 적용이 안된다면 em 등 가변으로 상속받아서 생기는 문제일수 있습니다.
답변에 대한 댓글 1개
5년 전
prefix를 제거하고 마지막에 추가해보았는데도 안되네요 ㅜㅜ 폰트는 em이 아닌 px를 사용하고 미디어쿼리를 이용해 해상도별로 따로 설정을 해놓았습니다.. 흑흑.. 답변 달아주셔서 정말 감사합니다.
답변을 작성하려면 로그인이 필요합니다.