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

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

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

enter image description here

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

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

источник

2010-05-06 StevenGilligan

Вы сказали, что будете отправлять сообщения, если одно из решений работает - у меня есть аналогичная проблема, и я хотел бы знать, какой вариант попробовать - спасибо! –

Я тоже. Благодарю. –

На моем 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.

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

источник

2010-10-13 21:09:06 rizzle

Я могу подтвердить, что это работает с Android. – Xavier

У меня было много проблем на многих устройствах с использованием user-scalable = no. При использовании этого я заметил, что select boxes становятся полностью непригодными. – stephenmuss

Обратите внимание, что для правильного синтаксиса атрибута метаданных видового окна используется запятая для разделения значений, а не с точкой с запятой. – drzax

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

источник

2010-06-17 16:47:54 Lyon

Это было на самом деле супер круто, и это исправить, но святая корова это сложно. – rizzle

Он не работает в портретном режиме – Volatil3

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

источник

2010-08-17 11:25:06

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

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

на страницу, и вы установите для Android 2.2+. Это работало на странице, которую я тестировал на своем телефоне. Источник: When can I use CSS position:fixed?

источник

2012-05-21 05:50:32 kad81

Обратите внимание, что это не даст пользователям возможность увеличивать/уменьшать масштаб страницы (что, по вашему мнению, должно быть желательным в любом случае). – kad81

Я подтверждаю, что с помощью мета имя в заголовке 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

источник

2012-07-17 11:10:39

неработающая ссылка и никакое полезное исправление – Adaptabi

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

ответ

Смежные вопросы

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