如何使div宽度等于视口宽度，但在HTML5中可伸缩（user-scalable = yes）

Question

我正在开发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之外工作

Answer 1

这是Phonegap（2012）中的一个错误。从那时起它经过很长时间的修复：）