我遇到了一个困扰我很久的问题,但我仍然没有答案。我在大量的论坛和网站上寻找它,但没有任何效果。有人遇到过同样的问题并解决了吗?
问题:我有一个页面,上面有多个 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/