귀하의 기사에 적합한 몇 가지 질문 기반 제목은 다음과 같습니다. * iOS 7 iPad Safari 가로 모드에서 window.innerHeight가 window.outerHeight보다 20px 작은 이유는 무엇이며 어떻게 해결할 수 있나요? * 해결 방법

iOS 7 iPad Safari 가로 높이 불일치 보고: 문제 해결

iOS 7 iPad Safari 가로 모드에서 창 사이에 특이한 불일치가 발생합니다. .innerHeight 및 window.outerHeight(20px 차이) 이 문제는 높이가 100%인 웹 앱에 영향을 미쳐 예상치 못한 동작을 발생시킵니다.

이 문제를 해결하기 위해 신체 위치 조정과 관련된 솔루션이 등장했습니다.

<code class="css">@media (orientation:landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 672px !important;
    }
}</code>

이 코드는 높이가 window.innerHeight와 일치하는지 확인하기 위해 신체의 위치를 ​​확인합니다. 또한 iOS 7을 실행하는 iPad 장치를 감지하고 CSS 클래스를 타겟 스타일 지정을 위한 요소:

<code class="javascript">if (navigator.userAgent.match(/iPad;.*CPU.*OS 7_\d/i)) {
    $('html').addClass('ipad ios7');
}</code>

이러한 수정 사항을 구현하여 문제가 해결되어 웹 앱이 높이를 정확하게 계산하고 iOS 7 iPad Safari 가로 모드에서 20px 불일치를 피할 수 있게 되었습니다.

위 내용은 귀하의 기사에 적합한 몇 가지 질문 기반 제목은 다음과 같습니다. * iOS 7 iPad Safari 가로 모드에서 window.innerHeight가 window.outerHeight보다 20px 작은 이유는 무엇이며 어떻게 해결할 수 있나요? * 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!