Çimdik/Zum viewport şartname iPhone'da çalışır ancak Android

Question

üzerinde bir yelken Company, xssailing.com bir süre önce bir WordPress site yaptık ve şu anda görünümü liman olarak belirledik: Site üzerinde çalışıyor

<meta name="viewport" content="user-scalable=yes;width=device-width; initial-scale=0.31; maximum-scale=1.0;"/> 

Bir bilgisayar ve bir iPhone/iPad üzerinde sıkıştırabilir ve zum yapabilirim. Siteyi kindle'ımla ziyaret ettiğimde, diğer sitelerde yapabildiğim gibi çimdikleyemiyorum. Herhangi bir fikir?

Teşekkürler!

Answer 1

Haklısınız, yakınlaştırma yapmıyor. Varsayılan tarayıcıyla bir Nexus S üzerinde test edildi.

Safari, bu etiket için gerçekten aptal varsayılanları tanımladı (tam olarak eski iPhone için artık tam olarak 960 piksel). Böylece açıkça minimum-scale belirtmek isteyeceksiniz. Her üç ölçek parametreleri (yerine 3 2) sayfanızdaki belirterek ince yakınlaştırır:

<meta name="viewport" content=" 
user-scalable=yes; 
width=device-width; 
initial-scale=0.31; maximum-scale=1.0; minimum-scale=0.25"/> 

Ayrıca yakınlaştırmak için denemeden önce tamamen yüke tüm sayfa bekleyin.

---

Not Bu tam bir asgari örnekle çok daha güçlü bir Stack Exchange soru ve belirli bir web sitesi için hiçbir spam bağlantı olacaktır. Sorunun ve cevabın uygulanabilirliği ne kadar geniş olursa, o kadar iyidir!