CSS + Phonegap = 未正确渲染答案

【问题标题】：CSS + Phonegap = Not rendering correctlyCSS + Phonegap = 未正确渲染
【发布时间】：2013-03-03 02:10:14
【问题描述】：

我正面临一个困扰了很长时间的问题，但我仍然没有答案。我在大量的论坛和网站上寻找它，但没有一个真正有效。有人遇到同样的问题并解决了吗？

问题：我有一个页面上有多个 div，每个 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 库的情况下拥有固定的标题。

我正在使用的工具：Phonegap 2.5、android 2.3.4

有什么想法吗？

谢谢

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

【问题讨论】：

标签： android css cordova render

【解决方案1】：

我遇到了类似的问题，这个错误是因为我使用了“css content”属性（内容：'';）。

如果您正在使用它，请尝试删除。

最好的，

【讨论】：

【解决方案2】：

这家伙解决了问题：

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

似乎这是正确解决它的唯一方法，除了这个解决方案我没有找到任何东西......

【讨论】：

我注意到这个解决方案并不能解决所有问题。仍然显示出一些问题。 =/

【解决方案3】：

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

【讨论】：

是的，Max.. Android 2.3 不支持它。这就是为什么我试图改变它。你现在有什么选择吗？