HTML 5 Web應用程序的可擴展性Meta標籤

我目前工作的一個HTML 5 Web應用程序。整個應用程序工作得很好，除了可伸縮性（縮放）。我已經把我的Web應用程序的頁面上的以下Meta標記，HTML 5 Web應用程序的可擴展性Meta標籤

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

經過一番研究，我得出的結論是，這些Meta標籤主要用於Safari瀏覽器的iPhone版本。但是，我遇到的問題是，當iPhone用戶在我的網站上時，在將WebApp加書籤到主屏幕之前，用戶無法放大或縮小（使用捏動作）。似乎創建縮放效果的唯一方法是，用戶是否更改手機的方向。

我已經測試了這個元標記既與蘋果設備和Android設備。 Android設備在用戶可擴展= no時禁用縮放，並且在用戶可擴展= yes時允許縮放，而Apple設備從未允許縮放兩個測試用例中的任何一個。

我的問題是：

我可能是錯的，但我認爲你根本不需要user-scalable行。你有沒有嘗試刪除，看看會發生什麼？像這樣的東西通常就足夠了：

<meta name="viewport" content="width=device-width" />

...然後從那裏調整。如果您做要使用的所有屬性，嘗試用逗號而不是分號隔開。例如：

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

2011-06-23 12:08:12 Ben

謝謝，您的解決方案解決了這一問題。我刪除了用戶可伸縮標籤並將分號改爲逗號。 –

我會爲你投票，但我沒有足夠的聲望來這樣做。 –

不用擔心;感謝您回來讓我們知道您已經完成了排序。 – Ben

回答