底部html5 jquery的空白区域

Question

我一直在尝试使用stackoverflow找到答案，并使用谷歌，但仍然无法解决我的问题。

这是：我正在使用jquery，当我使用Safari - iPhone 3Gs打开我的应用程序时，屏幕底部总是有一个空白区域。我无法删除它。 ：（

代码在这里：http://jsfiddle.net/XxB6Y/17/ 以下是包含图片的完整代码：http://www.mediafire.com/?bds0xgnzxki22ww

还有一件我无法理解的事情是，当我使用REAL Iphone测试我的应用程序，并切换到view12（id：contentView12）或view22（id：contentView22）时，输入文本字段显示不同（在图片下方）与我使用模拟器测试时出现的东西。 ：（

非常感谢你。

Answer 1

我猜你的计算高度不正确。我用你的代码玩了一下，现在没有空格了：

http://jsfiddle.net/XxB6Y/18/

你能说出最终的总高度应该是什么，这样我才能算出正确的数字？