2012-04-27 4 views
2

В настоящее время я пишу плагин Javascript, который должен отображать уведомление о гармонии (сортировка, которая скользит вниз от верхней части экрана).Элементы фиксированной шкалы на мобильных браузерах

Он прекрасно работает на настольных браузерах просто с этим css на моделях и аккордеонах.

position: fixed; 
top: 0; 
left: 0; 
width: 100%; 

К сожалению, это не так хорошо работает в мобильных браузерах, таких как Android и iOS. Поведение по умолчанию на моем Galaxy S2 с Android 4 ICS заключается в том, что позиции фиксированной позиции находятся в правильном месте и имеют размер до 100% ширины экрана. К сожалению, как только вы зажимаете масштабирование и изменяете масштаб страницы, браузер, похоже, не пересчитывает 100% ширину, и элемент выходит за пределы экрана. Панорамирование содержимого не переносит фиксированные элементы.

Я нашел iScroll, плагин Javascript, который ищет то, что я хочу, - за исключением того, что для работы требуется источник основного содержимого страницы. Мой плагин должен работать на на любом сайте, и, к сожалению, это не вариант.

У кого-нибудь есть идеи?

+1

Как выглядит метатег вашего видового экрана? – Lowkase

+0

Браузер не пересчитывает ширину, потому что при масштабировании вы хотите отображать только часть страницы. Регулировка ширины элемента не имела бы никакого смысла. Я поиграл с вашей проблемой и не пришел к решению, основанному только на CSS. – McFarlane

ответ

0

Попробуйте добавить

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

к голове, который должен остановить мобильный браузер от изменения размера содержимого.