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

  • Canceriansoul

    Canceriansou

    15 Ocak 2011
  • Photoshop Tutorials

    Photoshop Tu

    22 HAZİRAN 2011
  • The Slow Mo Guys

    The Slow Mo

    15 AĞUSTOS 2010