CSS + Phonegap =无法正确呈现

时间:2013-03-14 15:58:52

标签: android css cordova render

我正面临着一个长期以来一直在争吵的问题,但我仍然没有答案。我在大量的foruns和网站上寻找它,但没有什么真正有效。有人遇到同样的问题并解决了吗?

问题:我有一个页面上有多个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:我决定不发布代码,因为它似乎与我写的内容没有关系,但有一些bug ..

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

这家伙解决了这个问题:

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

似乎它是解决问题的唯一方法,除了这个解决方案我什么都没找到......

答案 2 :(得分:0)

我遇到了与此类似的问题,导致该错误是因为我使用的是“css content”属性(内容:'';)。

如果您使用此功能,请尝试删除。

最好的,