使用 jquerymobile 的移动 Web 应用程序的背景图像无法在 iPhone 横向方向上正确渲染？

Question

我正在使用jquerymobile开发一个Web应用程序，我将页面样式宽度和高度设置为100%。我有该页面的背景图像，并将背景图像设置为重复。

在 iPhone 上，在纵向模式下，背景占据整个屏幕尺寸，但是当我更改为横向模式时，我在屏幕底部出现空白（没有背景）。我只在 iPhone 上遇到这个问题。我还在 Android、ipad 和黑莓设备上进行了测试。在所有这些设备上，根据控件，两个方向的背景图像都完美地占据整个屏幕。

有人遇到过这个问题吗？或者可以给我一些关于这个问题的建议吗？

Answer 1

两个想法：

1. 尝试将背景设置为正文，如果可以的话不要设置为页面，
2. 为两个类定义背景

 .portrait yourelement {
  /* 相同的 bg 声明 */
 }
 .landscape yourelement {
  /* 相同的 bg 声明 */
 }

Answer 2

我在这个问题上得到了解决。我只是删除了页面的高度和宽度，问题就解决了，这意味着我将宽度和高度设置为 100%，所以当控件离开该屏幕时，我遇到了这个问题，因此删除了已解决的规范，但之后删除 ipad 中反映的相同问题，因为我编辑了 jquery.mobile-1.0a3.min.css 文件，因为它们设置了横向和纵向的最大高度，我刚刚删除了这两个高度，所有问题都得到了解决。

感谢您的回复。