2011-05-20 52 views
0

我需要我的网站根据设备调整自己。我使用了以下视口元标记:问题与视口元标记

<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

迫切,任何想法可以理解 – shebelaw 2011-05-20 19:34:08

+0

加4位中的HTML代码,因为前它现在缺少。 – TheBlack 2011-05-20 23:45:05

回答

1

您应该对Android使用相同的标签,但不同的平台如何从视口尺寸计算初始缩放比例,如果未设置则计算视口尺寸。另外请记住,初始缩放只在第一次加载页面时起作用,如果您重新加载页面,它将保持当前所具有的缩放比例。

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

此外,您还可以谷歌“两个视口的故事”(我无法发布,因为低信誉的链接)