我正在Phonegap(基本上是围绕HTML5页面包装的移动浏览器)中的应用程序,需要它们的初始宽度在启动时等于视口宽度,但允许用户重新缩放。到目前为止,我已经尝试过:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0, user-scalable=yes" />
(...)
<img src="foo.jpg" style="width:100%" />
在 Android 2.2 和 2.3 上不起作用 - 它在用户通过手势缩放视口时缩放了 img
和:
<meta name="viewport" content="width=480, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0, user-scalable=yes" />
(...)
<img src="foo.jpg" style="width:480px" />
这在 Android 上也不起作用——它在开始时产生了大约 4/3 视口大小的 img(因此用户能够向右滚动)。
我可能遗漏了一些明显的东西,但到目前为止搜索谷歌并没有给出我想要的结果
编辑:这似乎是PhoneGap中的错误,第二个代码在PhoneGap之外工作