[TMI] HTML 모바일 웹 폰트 크기 자동조정 문제 해결 방법 – text-size-adjust
2020년 11월 28일에 작성된 포스트입니다.

웹에서 데스크탑/랩탑과 모바일이 서로 폰트 사이즈를 다르게 표현하는 것을 최근에 알았다. 대체적으로 자동 변경되는 것이 나쁘지 않아서 그대로 뒀었는데, 문제가 되는 부분이 있어서 급히 해결 방법을 찾게 되었다.

[1] 모바일에서 웹 페이지 전체에 폰트 사이즈 자동 조정을 막으려면, 아래의 내용을 CSS에 추가하면 된다.

html {
/* Prevent font scaling in landscape */
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none; /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}

[2] 아래처럼 특정 부분에 대해, style로 간단히 적용할 수도 있다.

<div style=”-webkit-text-size-adjust: none; -moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;”></div>
<span style=”-webkit-text-size-adjust: none; -moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;”></span>




- hyunsik.me -

관련 있는 글

  • HTML5 오픈 컨퍼런스 열린다. * 2010년 7월 2일
  • [TMI] BC카드 결제일별 이용기간
  • [TMI] 국민카드 결제일별 이용기간
  • [TMI] 농협카드 결제일별 이용기간
  • [TMI] 롯데카드 결제일별 이용기간
  • [TMI] 삼성카드 결제일별 이용기간
  • [TMI] 신한카드 결제일별 이용기간
  • [TMI] 우리카드 결제일별 이용기간
  • [TMI] 전북(JB)카드 결제일별 이용기간
  • [TMI] 지니뮤직 이용권 해지 및 탈퇴 방법
  • [TMI] 토스 프라임 해지 방법 및 환불 관련
  • [TMI] 하나카드 결제일별 이용기간
  • [TMI] 현대카드 결제일별 이용기간
  • [정보] HTML 플로팅 배너 띄우기 / 고정형 광고 만들기
  • [정보] jQuery 로 AJAX 를 이용하여 JSON 을 파싱, 사용하기

    • 현식로그 홈 TMI 목록

    Copyright © HS LOG
    Published on 11월 28, 2020 Filed under: TMI; Tagged as: , , , , , , , ,

    No Comments

    방문해 주셔서 감사합니다. 답글을 남겨주시면 잊지 못할 것입니다.

    현식로그 홈 TMI 목록

     
    이 글의 방문자수는 3,613 입니다. (젯팩이 측정)