视口元标记问题

Question

我需要我的网站根据设备自行调整。我使用了以下视口元标记：

<meta name="viewport" content="user-scalable=no,width=device-width, height=device-height, minimum-scale=0.1, maximum-scale=0.65" />

它在 iPhone 上运行良好。但在 android 上，即使我更改比例值，它看起来也根本没有响应。 android有不同的标签吗？

Answer 1

您应该为 Android 使用相同的标记，但不同平台根据视口大小或视口大小（如果未设置）计算初始比例的方式存在一些差异。另请记住，初始缩放仅在您首次加载页面时有效，如果您重新加载页面，它将保持您当前的缩放比例。

我不确定您在寻找什么结果，但您在这里 (http://developer.android.com/guide/webapps/targeting.html) 和 Iphone (http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html) 有很好的参考。

另外，你可以用谷歌搜索“两个视口的故事”（由于声誉低，我无法发布链接）