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

  • Damien Hayes

    Damien Hayes

    11 Mart 2008
  • inovationgmbh

    inovationgmb

    28 EYLÜL 2010
  • super1988guy

    super1988guy

    9 Aralık 2007