2016-03-11 1 views
0

Я разрабатываю webapp с Кордовой. Все это хорошо на данный момент, за исключением, что в одном экране, у меня есть DIV с этой позицией:Кордова: проблема с абсолютным положением в Android

position: absolute; 
overflow-x: hidden; 
overflow-y: auto; 
-webkit-overflow-scrolling: touch; 
left: 0; 
right: 0; 
top: 300px; 
bottom: 40px; 

В моем браузере (компьютер или смартфон), элемент правильно установлен, но во встроенном приложении, элемент что-то вроде 10 пикселей ниже. Вот мета «видовой экран»:

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

Кто-нибудь может мне помочь в этом? Я действительно не знаю, почему пиксели не соблюдаются.

+0

Проверьте 'WebView', увидеть его положение, и его высота/ширина. Если вы устанавливаете на «wrap_content», тогда возможно перенаправление дает вам меньший размер, чем ваш реальный контент (более быстрый ответ выводится без реального размера) – Bonatti

+0

ОК, я нашел ошибку ... Это было связано на «line-height» на элементах выше. Высота выхода не соответствовала заданной высоте линии. Для примера: - Название: line-height 30px => real output height 26px – RedskyThirty

+0

Тогда, пожалуйста, закройте этот вопрос. – Bonatti

ответ

0

Я нашел решение. Никогда не используйте «line-height» для указания «высоты» элемента. По какой-то причине в встроенном приложении (не в браузере) высота вывода элемента не соответствует высоте строки.

Я надеюсь, что это поможет кому-то ...