방향이 변경되는 동안 iPhone에서 일관된 하이퍼링크 글꼴 크기를 유지하려면 어떻게 해야 합니까?

iPhone 방향 변경 중에 하이퍼링크의 글꼴 크기 일관성 유지

문제 설명

목록 요소 내의 하이퍼링크가 급격하게 저하되면 모바일 웹 애플리케이션이 특이한 문제에 직면합니다. 장치가 세로 모드와 가로 모드 사이를 전환할 때 글꼴 크기가 변경됩니다. 세로 모드에서는 글꼴 크기가 14px로 적절하게 설정될 수 있지만 기기를 회전하면 당황스럽게도 20px로 늘어납니다.

해결 방법

이 동작은 -webkit-text-에 의해 제어됩니다. 크기 조정 CSS 속성. 이 기능을 비활성화하고 원하는 글꼴 크기를 유지하려면 다음을 구현하십시오.

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

이 코드를 사용하면 방향이 변경되더라도 글꼴 크기가 일정하게 유지되는 동시에 사용자가 필요에 따라 확대할 수 있습니다.

추가 정보

-webkit-text-size-adjust 속성에 대한 자세한 내용은 Safari 웹 콘텐츠 가이드를 참조하세요.

위 내용은 방향이 변경되는 동안 iPhone에서 일관된 하이퍼링크 글꼴 크기를 유지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!