我需要我的网站根据设备进行自我调整。我使用了以下视口元标记:
<meta name="viewport" content="user-scalable=no,width=device-width, height=device-height, minimum-scale=0.1, maximum-scale=0.65" />
它在iPhone上运行正常。但是在Android上看起来它甚至在我改变比例值时都没有响应它。 android有不同的标签吗?
答案 0 :(得分:1)
您应该为Android使用相同的标记,但不同平台如何计算视口大小的初始比例或视口大小(如果未设置)存在一些差异。另请注意,初始缩放仅在您第一次加载页面时有效,如果您重新加载页面,它将保持您当前的缩放。
我不确定你要找的是什么结果,但你在这里(http://developer.android.com/guide/webapps/targeting.html)和Iphone(http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html)有很好的Android参考。
此外,您可以谷歌搜索“两个视口的故事”(由于声誉不佳,我无法发布链接)