Site açıldığında site uzaklaştırıyor

Question

YaHo'nun PureCSS kütüphanesini kenar çubuğu için bir eklentiyle birlikte kullanıyorum ve mobil Safari hariç tüm tarayıcılarda harika çalışıyor. Herhangi bir sebepten dolayı, menü her açıldığında yakınlaştırır. Bu, belgenin example numaralı sürümünde bile gerçekleşir. Buna neyin sebep olabileceğine dair bir fikrim yok ama sadece bir tarayıcı hatası olarak adlandırılmayı çekici buluyorum.

Gerekirse bir JSFiddle oluşturabilirim.

Answer 1

Bu soru aslında Does overflow:hidden applied to work on iPhone Safari? ile aynı olmaya eğilimlidir. Ben kullanıcı menüsünü açtığında bir sarıcı elemana bu yapmadıkça Mobil Safari, menü ve içerik alanında yer açmak için uzaklaşır tahmin:

html, 
body { 
    overflow-x: hidden; 
} 

Answer 2

Viewport meta etiketi, maksimum ölçek değeri içermiyor. Eğer aşağıdakilere görünüm penceresi etiketi güncellerseniz kullanıcı menüsünde tıkladığında, aynı yakınlaştırma almazsınız:

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

Not dizenin sonuna kadar maximum-scale=1 eklenmesi. Bu eklendiğinde, içerik uzaklaştırılmak yerine kaydırılır. Bu, yukarıda bağlantılı Responsive Side Menu için PureCSS demo sayfasına karşı test edildi.