0

从 Windows Phone 7(或 7.5)查看时,我的大多数使用 H5BP 的新网站都有问题。问题是网站源代码中的这个 HTML 标记

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

它实际上应该支持不同的移动设备,防止移动设备的用户(在我们的例子中是 Windows Phone 7 或更高版本的用户)放大文本(和网站本身)。

使用此标签,移动浏览器将根据移动视口(即移动屏幕的宽度和高度)调整站点的大小。但是,问题是,当用户尝试使用放大手势放大文本时,缩放不起作用。它试图放大,但很快又回到了初始宽度。

有没有其他人注意到这个问题,如果有,解决方案是什么?

4

2 回答 2

3

您可能想要测试添加user-scalable=yes以查看 Windows Phone 如何处理标记。

尽管几乎所有移动浏览器都支持该标签,但它不是标准标签(源自 iPhone),因此实现可能会有所不同。我发现 Safari 在标签上有最好的文档,因此我在下面找到了它。

这个标签应该值得测试:

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

来源:Safari 文档

附加资源:通过 Windows Phone Team 获得的 IE Mobile Viewport

于 2011-11-03T01:28:52.520 回答
1

我没有要测试的 windows phone,但也许添加 user-scalable=yes 可能对 windows mobile 有所帮助。

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
于 2011-11-03T01:04:13.180 回答