HTML5 Boilerplate，X-UA兼容和Windows Phone 7

Question

我在使用H5BP從Windows Phone 7（或7.5）查看時，大部分新網站都有問題。問題是，在該網站的源

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

這實際上應該支持不同的移動設備，這個HTML標記，防止移動設備的用戶（在本例中的Windows Phone 7或更高版本用戶）以放大文本（和網站本身）。

使用此標籤，移動瀏覽器將根據移動視口（即移動屏幕寬度和高度）調整網站的大小。但是，問題在於，當用戶嘗試使用放大手勢放大文本時，縮放功能不起作用。它試圖放大，但很快返回到初始寬度。

有沒有其他人注意到這個問題，如果是的話，那麼解決方案是什麼？

Answer 1

您可能想要測試添加user-scalable=yes以查看Windows Phone如何處理標記。

儘管幾乎所有移動瀏覽器都支持該標籤，但它不是標準標籤（源自iPhone），因此實現可能會有所不同。我發現Safari在標籤上有最好的文檔，因此我在下面找到了它。

這個標籤應該是值得測試：

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

來源：Safari Documentation。

附加資源：IE Mobile Viewport via Windows Phone Team。

Answer 2

我沒有Windows手機來測試，但可能添加用戶可擴展= yes可能有助於Windows Mobile。

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