Неправильная позиция нижнего колонтитула при сборке приложения для iOS с помощью jQuery Mobile - PullRequest
1 голос
/ 11 января 2012

Я занимаюсь разработкой приложения с использованием PhoneGap и jQuery Mobile.

У меня проблема с положением нижнего колонтитула.На iPhone он слишком низкий, похоже, что строка состояния iphone не принимается во внимание, и запрос «думает», что для всего HTML больше места.

В двух словах, нижний колонтитул слишком мал на 20 пикселей (высота строки состояния - 20 пикселей).

<div data-role="footer" data-position="fixed">
    <div data-role="navbar" class="main-tab-bar">
        <ul><li ...><li ...><li ...><li ...></ul>
    </div>
</div>

на моем компьютере выглядит хорошо, но когда я кладу его на телефон (какприложение iphone) оно неуместно.

Спасибо за любые советы, которые могут указать мне правильное направление.

1 Ответ

2 голосов
/ 11 января 2012

Вы можете установить правило CSS для таргетинга на элементы страницы и добавить некоторое поле внизу, чтобы пользователь мог прокрутить, чтобы увидеть весь контент:

.ui-page {
    margin-bottom : 20px;
}

Вы также можете настроить таргетинг на data-role="content элементыиспользуя класс ui-content.

И да, это расстраивает.Удивительно, что Apple не приняла во внимание пользовательский интерфейс Safari Mobile, а это означает, что веб-разработчикам приходится преодолевать провалы.

...