如何使div宽度等于视口宽度，但在HTML5中可扩展(用户可扩展=是)

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 上也不起作用 - 它在开始时产生的 img 大约是视口大小的 4/3（因此用户可以向右滚动）。

我

可能错过了一些明显的东西，但到目前为止搜索谷歌并没有给出我想要的结果

编辑：这似乎是PhoneGap中的错误，第二个代码在PhoneGap之外工作

Answer 1

这是Phonegap（2012）中的一个错误。从那时起，它就被固定了很长时间:)