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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!