Android Web App: Позиция: исправлена ошибка?

Я занимаюсь разработкой веб-приложения для мобильных телефонов. я пошел с веб-приложениями, потому что для меня это кажется выигрышной ситуацией необходимо разработать одно приложение, которое может работать и на iPhone/ Windows Mobile/Palm и т.д.

Я начал тестировать сегодня через несколько дней после того, как вы сделали концепции, идеи и дизайны и то, что я хотел сделать, это меню, которое внизу страницы. Точно как меню внизу в этом iPhone скриншот приложения:

Используя CSS, я, хотя это было бы очень легко сделать. Только использование Положение: фиксированный; внизу: 0; сделал бы трюк, но я нашел он не ведет себя одинаково в мобильных браузерах

Я попытался разбить мою страницу в 2 разделе: 1 будет прокручиваемым div (для контента), а другой - нижнее меню. Прокручиваемые div также не работают на Android. Я также пробовал использовать фреймы и не повезло. Кто-нибудь знает о каком-либо способе воссоздать меню который будет придерживаться нижней части страницы для мобильных телефонов?

Ответ 1

На моем Android N1 с CyanogenMod у меня тоже была эта проблема и исправление:

   <meta
     name="viewport"
     content="width=100%; 
             initial-scale=1;
             maximum-scale=1;
             minimum-scale=1; 
             user-scalable=no;"
    />

В частности, часть user-scalable=no;, вы можете также положить 0 вместо no.

Интересно, что это разрывает андроиды рендеринга кнопок, но все, что вам нужно сделать, - установить цвет фона на кнопки.

Ответ 2

Просто добавьте:

<meta name="viewport" content="width=device-width, user-scalable=no" />

на страницу, и вы настроены для Android 2.2+. Это работало на странице, которую я тестировал на своем телефоне. Источник: Когда я могу использовать позицию CSS: исправлено?

Ответ 3

Это должно работать:) http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/

Ответ 4

Только что получил обновление до Android 2.2 (Froyo) на моем HTC Desire, и я рад сказать, что фиксированная позиция теперь работает, по крайней мере, когда вы используете метатег viewport для установки начального масштаба и ширины. Тем не менее, похоже, что он не работает на обычных веб-страницах.

Ответ 5

Я подтверждаю, что использование мета-имени в заголовке html

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

у вас будет фиксированный div для прокрутки по вертикали и горизонтали на Android 2.2, 2.3 и выше и iOS 4 и выше. Я привел пример: https://dl.dropbox.com/u/908148/website/test-scroll.html