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

Question

我目前工作的一個HTML 5 Web應用程序。整個應用程序工作得很好，除了可伸縮性（縮放）。我已經把我的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設備從未允許縮放兩個測試用例中的任何一個。

我的問題是：

1. 難道這些Meta標籤主要用於iPhone的Safari瀏覽器？
2. 我是否正確地使用上述Meta標籤？

3. 如果我沒有，什麼是使用Meta標籤的正確方法？

   非常感謝您的建議！

Answer 1

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

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

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

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