CSS + Phonegap = Не выполняется рендеринг

Question

У меня возникла проблема, из-за которой я долгое время борется, но у меня все еще нет ответа. Я искал его в тоннах фонунов и веб-сайтов, но ничего действительно не работает. Кто-то столкнулся с той же проблемой и решил ее?

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

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

Я посмотрел и попробовал тонны кодов, тот, который работал для меня, использовал followind css, но это приносит мне много проблем. Текстовые поля начинают перемещаться, когда я печатаю, и иногда он не принимает некоторые символы и многие другие странные проблемы.

Код: -webkit-transform: translate3d(0px,0px,0px);

Я использую в моей HTML файлы следующий код также: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">. Это позволяет мне иметь фиксированный заголовок без использования библиотеки js.

инструменты я использую: PhoneGap 2.5, андроид 2.3.4

Любая идея?

Спасибо

PS: Я решил не публиковать код, потому что он, кажется, не связано с тем, что я пишу, но с некоторой ошибкой ..

Answer 1

Я думаю, что если я правильно помню, что Android 2.3x браузеры не поддерживают translate3d , что должно быть проблема попробуйте запустить его на 4.x AVD и посмотреть, если он работает

Answer 2

Этот парень решил проблему:

Android WebView renders blank/white, view doesn't update on css changes or HTML changes, animations are choppy

Кажется, что его единственный способ решить его правильно, я не нашел ничего, кроме этого решения ...

Answer 3

У меня была проблема, подобный этому, и ошибка была вызвана тем, что я использовал «CSS content "(содержимое: '';).

Если вы используете это, попробуйте удалить.

best,