İOS 7'de Safari 100% yüksekliğe sahip bir web uygulaması ile ilgili sorunlar görüyoruz. Penceresi görünür.innerHeight (672px) pencere uyuşmuyor.outerHeight (692px), ama sadece manzara modunda. Biten vücut üzerinde 100% yüksekliğe sahip bir uygulama, ekstra alan 20 piksel olsun. Bu bir kullanıcı bizim app bira, gezinti öğeleri tarayıcı chrome arkasına çekti. Ayrıca, ekranın alt kısmında konumlandırılmış herhangi bir öğe 20 piksel kapalı olmak anlamına gelir.

Bu sorunu da bu soruyu burada anlatılan şuydu: IOS 7 - css - html height - 100% = 692px

Ve bu belirsiz ekran görüntüsü görülebilir:

Yapmaya çalıştığımız, Apple hata düzeltmeleri kadar, bu konuda endişelenmenize gerek yok, böylece bu hack civarında.

Bu kesinlikle ama bu iOS 7, sadece vücut pozisyonu için yapmanın bir yolu, hemen hemen alt yerine: sayfanın üst kısmında fazladan 20 piksel koyar

body {
    position: absolute;
    bottom: 0;
    height: 672px !important;
}

OuterHeight innerHeight maç için zorlama, veya kullanıcılar bu sorunu görmüyor, böylece etrafında hack ile herhangi bir yardım çok mutluluk duyacağız.

Benim durumumda, çözüm sabit konumlandırma değiştirmek için:

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

Ben de iOS 7 ile iPad tespit etmek için bir komut kullanılır:

if (navigator.userAgent.match(/iPad;.*CPU.*OS 7_\d/i)) {
    $('html').addClass('ipad ios7');
}