CSS +的PhoneGap =不正确的渲染 [英] CSS + Phonegap = Not rendering correctly

查看:141
本文介绍了CSS +的PhoneGap =不正确的渲染的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我面对,我一直在很长一段时间战斗的问题,但我仍然没有答案。我看着它在吨foruns和网站,但没有真正的作品。任何人都面临着同样的问题,解决它?

I'm facing a problem that i've been fighting from a long time, but i still don't have an answer. I looked for it in tons of foruns and websites, but nothing really works. Anyone faced the same problem and solved it?

问题:我有上多个div一个页面,每个div是一个页面。每次我点击一个按钮,该div的一送可见光和其他隐藏。在这里,问题来了:如果我点击不同链接(可改变显示的DIV),它停止呈现在其中的一个正确的内容和块多的时间。我注意到,客户服务联系被加载,只是没有显示在屏幕上呈现。我注意到了这一点,因为如果我把在横向的,然后在纵向的手机,内容呈现正确显示我想要的。

The problem: I have a page with multiple divs on it, and each div is a page. Everytime i click on a button, one of the divs get visible and the others hidden. Here comes the problem: If i click multiple time on different links (to change the visible div), it stops rendering the correct content and blocks in one of them. I noticed that the contect is loaded, just don't render on the screen. I noticed it, because if i turn the cellphone in landscape and then in portrait, the content renders correctly and shows what i wanted.

似乎是因为手机不能正常显示内容发生此错误。有没有办法解决这个问题的方法吗?也许迫使renderization?我如何能做到吗?我找不到任何东西。

Seems that this error occurs because the phone doesn't render the content properly. Is there a way to solve it? Maybe forcing the renderization? How can i make it? i couldn't find anything.

我看了看,并试图吨codeS,这对我是使用CSS followind工作的,但它给我带来了很多的问题。文本框开始当我键入移动,有时它不接受某些字符,以及许多其他奇怪的问题。

I looked and tried tons of codes, the one that worked for me was using the followind css, but it brings me a lot of problem. The textboxes start moving when i type and sometimes it doesnt accept some characters, and many other strange problems.

在code: -webkit-变换:translate3d(0像素,0像素,0像素);

我用在我的HTML文件如下code也:< META NAME =视口CONTENT =WIDTH =设备宽度,初始规模= 1.0,最大 - 规模= 1.0,用户可扩展性=无> 。这让我有固定的头而不使用任何JS库。

I'm using in my html files the following code also: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">. It allows me to have fixed header without using any js library.

我使用的工具:PhoneGap的2.5,安卓2.3.4

The tools i'm using: Phonegap 2.5, android 2.3.4

你知道吗?

感谢您

PS:我决定不公布的code,因为它似乎并没有与我写的东西有关,但也有一些错误。

PS: I decided to don't publish the code, because it doesn't seem to be related with what i write, but with some bug..

推荐答案

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

I think if I remember correctly the Android 2.3x browsers do not support translate3d that should be the problem try running it on a 4.x AVD and see if it works

这篇关于CSS +的PhoneGap =不正确的渲染的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆