jQueryMobile-Phonegap: проблема выравнивания нижнего колонтитула в ландшафтном режиме Windows8

Я работал над приложением jQueryMobile, обернутым в телефонную пробку с фиксированным нижним колонтитулом.

В телефонах с Windows8 при изменении ориентации на альбомный режим фиксированный нижний колонтитул не выравнивается правильно только в альбомном режиме. Кажется, что нижний колонтитул имеет нижнее заполнение, подобное поведению в ландшафтном режиме. В портретном режиме он выровнен идеально.

Я использую jquery.mobile-1.3.2 и Phonegap 2.7.0.

Я пробовал исправления, упомянутые в приведенных ниже URL, но не помогло:

https://forum.jquery.com/topic/jquery-mobile-fixed-footer-not-at-the-bottom-on-windows-phone-7-and-8

stackru.com/questions/16602585/jquery-mobile-position-fixed-in-windows-phone-8-and-viewport-height

gilesey.wordpress.com/2013/08/15/jquerymobilephonegap-hintshacks-for-windows-phone-8-0iosandroid/

Также пробовал некоторые уловки JS, jQM и CSS, но изменения для нижнего колонтитула не изменились.

Снимок экрана страницы в альбомном режиме показан по ссылке ниже (вы можете увидеть черный нижний колонтитул, даже текст нижнего колонтитула не четко виден):

http://goo.gl/8RICNG

Для большей ясности часть раздела заголовка вставлена ​​ниже:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />

И мой код нижнего колонтитула приложения:

<div data-role="footer" data-position="fixed" data-tap-toggle="false" data-hide-during-focus="" class="footer-cls">

    <div align="center" class="footer-txt"><script>document.write(footerText);</script></div>
</div>

Может ли кто-нибудь помочь мне с идеальной работой вокруг, так как я застрял в этой проблеме?

Заранее спасибо..

Источник

1 ответ

Решение

В Mainpage.xaml попробуйте изменить свойство

shell:SystemTray.IsVisible="True"

в

shell:SystemTray.IsVisible="False"

Это отобразит приложение в полноэкранном режиме и сбросит ваш CSS на всю страницу. Это может решить вашу проблему

Источник
Другие вопросы по тегам