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

  • pilslajt

    pilslajt

    20 HAZİRAN 2008
  • SHAYTARDS

    SHAYTARDS

    1 EKİM 2008
  • xiaoyu85

    xiaoyu85

    20 ŞUBAT 2010