使用 jquerymobile 的移动 Web 应用程序的背景图像无法以 iphone 横向正确呈现？

Posted 2023-03-12

【中文标题】使用 jquerymobile 的移动 Web 应用程序的背景图像无法以 iphone 横向正确呈现？

【英文标题】：Background image not rendering properly in iphone landscape orientation for my mobile web application using jquerymobile?

【发布时间】：2011-03-09 09:39:14

【问题描述】：

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

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

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

【参考方案1】：

两个想法：

如果可以，尝试将背景设置为正文，而不是页面， 为两个类定义背景

 .portrait yourelement 
  /* the same bg declaration */
 
 .landscape yourelement 
  /* the same bg declaration */
 

【参考方案2】：

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

感谢您的回复。