Неправильно отображается фоновое изображение в альбомной ориентации iphone для моего мобильного веб-приложения, использующего jquerymobile?

Question

Я занимаюсь разработкой веб-приложения с использованием jquerymobile. Я установил ширину и высоту стиля страницы на 100%.У меня есть фоновое изображение для этой страницы, а также настроено повторение фонового изображения.

На iPhone в портретном режиме фон занимает полный экран, но при переходе в ландшафтный режим я получаю пробел (без бг) внизу экрана.Эта проблема возникает только на iPhone.Я также проверил на Android, Ipad и Blackberry устройств.На всех этих устройствах обе ориентации имеют фоновое изображение, прекрасно занимающее весь экран в соответствии с элементами управления.

Кто-нибудь сталкивался с этой проблемой?Или можете дать мне предложение по этому вопросу?

Answer 1

Я решил эти проблемы. Я просто удалил высоту и ширину страницы, и проблема решена, это означает, что я устанавливаю ширину и высоту равными 100%, поэтому, когда элементы управления вышли из этого экрана, я получаю эти проблемы, поэтому удалил спецификацию, которая была решена, но после удаление той же самой проблемы отражено в ipad для этого, который отредактировал файл jquery.mobile-1.0a3.min.css, в котором они устанавливают максимальную высоту пейзажа и портрета, я только удалил и высоту, и все мои проблемы были решены.

Спасибо за ваш ответ naugtur.

Answer 2

Две идеи:

1. Попробуйте установить фон для тела, а не страницы, если можете,
2. Определить фон для обоих классов

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