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