方向更改后的ios phonegap "black bar"

Question

具有非常简单的 html 和内联 css 的 ios(ipad 3 或 iphone 5)phonegap(当前最新的 3.4.0)应用程序:http://pastebin.com/raw.php?i=fmq87E2U

问题是，如果我处于横向，更改为纵向，取消缩放，然后再更改回横向，那么在我进行任何缩放/缩放操作之前，屏幕右侧会出现一个黑色垂直条。

截图:

1. start app on landscape
2. rotate to portrait
3. pinch-unzoom
4. rotate back to landscape (右手边这张照片中的问题“黑色区域”)

无论我在黑条出现时通过 CSS 做什么，都无法改变这种情况(我什至尝试过 webkit 旋转、缩放，但都会影响页面的可见部分)。我还尝试了 window.resizeTo 以触发浏览器“重绘”或其他操作，但没有成功。

关于如何解决这个问题有什么想法吗？

此错误无法在 ipad 或 iphone safari 上作为网页重现。在方向改变时屏幕会正确适应。

Answer 1

下面的css怎么样:

position:fixed;
width:100%;