Я занимаюсь разработкой веб-приложения для мобильных телефонов. я пошел с веб-приложениями, потому что для меня это кажется выигрышной ситуацией необходимо разработать одно приложение, которое может работать и на iPhone/ Windows Mobile/Palm и т.д.
Я начал тестировать сегодня через несколько дней после того, как вы сделали концепции, идеи и дизайны и то, что я хотел сделать, это меню, которое внизу страницы. Точно как меню внизу в этом iPhone скриншот приложения:
Используя CSS, я, хотя это было бы очень легко сделать. Только использование Положение: фиксированный; внизу: 0; сделал бы трюк, но я нашел он не ведет себя одинаково в мобильных браузерах
Я попытался разбить мою страницу в 2 разделе: 1 будет прокручиваемым div (для контента), а другой - нижнее меню. Прокручиваемые div также не работают на Android. Я также пробовал использовать фреймы и не повезло. Кто-нибудь знает о каком-либо способе воссоздать меню который будет придерживаться нижней части страницы для мобильных телефонов?
На моем 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.
Интересно, что это разрывает андроиды рендеринга кнопок, но все, что вам нужно сделать, - установить цвет фона на кнопки.
Просто добавьте:
<meta name="viewport" content="width=device-width, user-scalable=no" />
на страницу, и вы настроены для Android 2.2+. Это работало на странице, которую я тестировал на своем телефоне. Источник: Когда я могу использовать позицию CSS: исправлено?
Это должно работать:) http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/
Только что получил обновление до Android 2.2 (Froyo) на моем HTC Desire, и я рад сказать, что фиксированная позиция теперь работает, по крайней мере, когда вы используете метатег viewport для установки начального масштаба и ширины. Тем не менее, похоже, что он не работает на обычных веб-страницах.
Я подтверждаю, что использование мета-имени в заголовке 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