Viewport元标记适用于移动Safari,而不适用于Android

时间:2012-11-04 11:38:13

标签: android ios mobile safari viewport

我在webapp中使用以下行:

<meta name="viewport" content="width=720, maximum-scale=1, user-scalable=no" />

这在手机游戏中效果非常好 - 文档宽720px,非常适合屏幕。但是,在HTC One上进行测试时,内容就像屏幕宽度的2.5倍。

Android应该支持视口标记,那为什么它会忽略它应该显示的像素宽度?

所有帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

摘自Android docs

  

用户是否可以完全改变页面的比例(放大和缩小)。设置为yes以允许缩放,设置为no以禁止缩放。默认值为是。 如果将此项设置为“否”,则会忽略最小比例和最大比例,因为无法进行缩放。

在这种情况下,删除user-scalable = no并查看会发生什么。这可能是您需要的修复。