捏/縮放視窗規範適用於iPhone，但不是在Android

Question

我從帆船公司，xssailing.com做了一個WordPress網站而回，目前已在視口設置爲：

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

該網站工作正常上一臺電腦，我可以在iPhone/iPad上捏和縮放。當我用我的kindle訪問該網站時，我無法在其他網站上捏和縮放。有任何想法嗎？

謝謝！

Answer 1

你是對的，它不縮放。使用默認瀏覽器在Nexus S上進行測試。

Safari爲這個標籤定義了非常愚蠢的默認值（寬度恰好爲960像素，完全適用於不再生產的舊iPhone）。因此，您需要明確指定minimum-scale。通過指定所有三個尺度參數（而不是3 2）你的頁面縮放罰款：

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

努力放大之前也等待整個頁面充分負荷。

---

注意，這將是一個完整的小例子，一個更強大的堆疊交換的問題，並沒有垃圾鏈接到一個特定的網站。問題和答案的適用性越廣泛越好！