android - CSS + Phonegap = 渲染不正确

标签 android css cordova render

我遇到了一个困扰我很久的问题,但我仍然没有答案。我在大量的论坛和网站上寻找它,但没有任何效果。有人遇到过同样的问题并解决了吗?

问题:我有一个页面,上面有多个 div,每个 div 是一个页面。每次我点击一个按钮,其中一个 div 变得可见,而其他的则隐藏。问题来了:如果我多次单击不同的链接(以更改可见的 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 库的情况下拥有固定的 header 。

我使用的工具:Phonegap 2.5, android 2.3.4

有什么想法吗?

谢谢

PS:我决定不发布代码,因为它似乎与我编写的内容无关,但有一些错误..

最佳答案

我想如果我没记错的话 Android 2.3x 浏览器不支持 translate3d 这应该是问题所在尝试在 4.x AVD 上运行它并查看它是否有效

关于android - CSS + Phonegap = 渲染不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15414158/

相关文章:

android - 条形图的AchartEngine实现

java - Android 对话框中的按需附加功能

javascript - 运行描述中给出的 cordova 应用程序时出现 2-3 个弹出窗口,然后浏览器卡住

java - Android - 使用静态字段是否是 Activity 重新启动的好习惯?

android - EditText 提示文本和图标

html - 为什么 flex 元素不缩小过去的内容大小?

node.js - cordova build 命令失败,退出代码 EACCES

javascript - 为什么我在 PhoneGap 中得到非常非常粗略的加速度计测量值?

c# - 拉出一些div标签并用c#放入json或xml文件格式

php - 无法获得一 block div 标签来正确安排自己