Css旋转未应用于android(phonegap)

Question

我正在为phonegap中的android构建一个应用程序,我有一个用css旋转div的问题.我在这里找到了一个类似的问题:
在Android 4.0 webview中没有应用CSS旋转

我有2个Android设备,我可以测试我的应用程序.第一个是Sony Xperia U with android 4.0.4.在这个设备上,应用程序完美运行.

另一台设备是HTC Desire android 2.3.5.该设备存在css旋转问题.页面加载时,图像旋转相关,但立即返回"正常".

我正在使用的css规则是 - webkit-transform:rotate(90);在正常的div上.这可能是系统的Android版本的问题？

我不能在这里得到问题,旋转似乎在第二个设备上工作,但只有一秒钟左右.

任何建议,将不胜感激 :).

Answer 1

Android 2.x 似乎支持使用-webkit-前缀的CSS3转换,但有一个问题.

这个奇怪的错误来自自定义设置视口.如果您为iOS和Android提供自定义视口,则必须进行设置user-scalable=yes.如果user-scalable设置为no,则会出现此错误.

例如:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=yes">

会正常工作,但有点像

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

将显示不正确