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