SORU
25 EYLÜL 2013, ÇARŞAMBA


iPad Safari Manzara innerHeight/outerHeight düzeni sorunu iOS 7

İ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: iOS 7 Safari outerHeight issue

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.

CEVAP
18 EKİM 2013, Cuma


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');
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ABC News (Australia)

    ABC News (Au

    9 HAZİRAN 2008
  • Dylan Dubay

    Dylan Dubay

    10 Temmuz 2013
  • How to Cook ?

    How to Cook

    31 Ocak 2007

İLGİLİ SORU / CEVAPLAR