> 웹 프론트엔드 > CSS 튜토리얼 > iPhone의 Safari가 내 글꼴 크기 설정을 무시하는 이유는 무엇입니까?

iPhone의 Safari가 내 글꼴 크기 설정을 무시하는 이유는 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-10-31 03:14:31
원래의
992명이 탐색했습니다.

Why Does Safari on iPhone Ignore My Font-Size Settings?

Safari/iPhone이 일부 글꼴 크기 설정을 무시하는 이유

웹 사이트 스타일을 지정할 때 글꼴 크기 설정이 무시되는 경우가 발생할 수 있습니다. iPhone의 Safari에서. 이 당황스러운 동작은 작은 화면에서 가독성을 높이기 위해 Mobile Safari가 텍스트를 자동으로 크기 조정했기 때문입니다.

해결책:

이 크기 조절 동작을 재정의하려면 CSS 속성을 활용하세요. -웹킷-텍스트-크기-조정. 이 속성은 텍스트 크기를 지정된 비율로 조정하도록 브라우저에 지시합니다. 100%로 설정하면 자동 크기 조정이 비활성화됩니다.

이 수정 사항을 iPhone에 적용하는 방법은 다음과 같습니다.

<code class="css">@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: 100%;
  }
}</code>
로그인 후 복사

이 수정 사항을 구현하면 글꼴 크기를 사용 중인 기기나 브라우저에 관계없이 의도한 대로 렌더링됩니다.

위 내용은 iPhone의 Safari가 내 글꼴 크기 설정을 무시하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿