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

Question

我在从Windows Phone 7（或7.5）查看时使用H5BP的大多数新网站都遇到了问题。问题是该网站源代码中的HTML标记

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

实际上应该支持不同的移动设备，阻止移动设备的用户（在我们的案例中是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手机，但是在windows mobile上添加user-scalable = yes可能有所帮助。

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