2013-03-14 113 views
2

我面临一个长期以来一直在打架的问题,但我仍然没有答案。我在大量的foruns和网站上查找它,但没有任何效果。任何人都面临同样的问题并解决它?CSS + Phonegap =无法正确呈现

问题:我有一个页面上有多个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:我决定不公布的代码,因为它似乎并没有与我写的东西有关,但也有一些错误..

回答

1

我想如果我记错了Android 2.3倍的浏览器不支持translate3d 应该是问题试穿4.x的AVD运行它,看看它是否工作

+0

是,马克斯..的Android 2.3不支持它。这就是为什么我试图改变它的东西。你现在有其他选择吗? – 2013-03-14 16:13:03

0

我有一个类似的问题,而错误是造成的,因为我使用“CSS内容“属性(content:'';)。

如果您正在使用此设置,请尝试删除。

最好,