SORU
25 Mart 2011, Cuma


iPad düzeni dikey peyzaj mimarlığındaki döndürürken ölçekler

Ben bir ilave için "viewport" meta etiketi "width=device-width,initial-scale=1.0" ve bir iPad sayfa yük kadar güzel manzara moduna geçiş yapar güzel bir portre ve ben onu geri döndürmek için manzara ölçekler page up ve ben pinch zoom geri 1 ölçek.

"maximum-scale=1.0, user-scalable=no", ama eğer kullanıcı uzak sayfasını yakınlaştırmak için yeteneği yapmadan bunu düzeltmenin bir yolu varsa merak ettiğim ekleyerek bunu düzeltebilirim.

Eğer herhangi bir öneriniz varsa onları duymak isterim
Teşekkürler!

CEVAP
16 HAZİRAN 2011, PERŞEMBE


------ Güncelleme ------

Bu artık bir sorun iOS7 değildir. Ve iOS6 için çalışan github scottjehl/iOS-Orientationchange-Fix Scott Jehl tarafından daha iyi düzeltme yoktur.

------ Orijinal cevap ------

Jeremy Keith (@adactio) onun blog Orientation and scale Bu iyi bir çözüm vardır

Biçimlendirme ölçeklenebilir tutun

<meta name="viewport" content="width=device-width, initial-scale=1">

Sonra devre dışı ölçülebilirlik kadar javascript ilegesturestartsenaryo: bu

if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
    var viewportmeta = document.querySelector('meta[name="viewport"]');
    if (viewportmeta) {
        viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0';
        document.body.addEventListener('gesturestart', function () {
            viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6';
        }, false);
    }
}

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Chanre Joubert

    Chanre Joube

    27 Temmuz 2012
  • EmmightySofia

    EmmightySofi

    25 EYLÜL 2011
  • JorteexHD

    JorteexHD

    20 NİSAN 2012