我正在为phonegap中的 android构建一个应用程序,我有一个用css旋转div的问题. 我在这里找到了一个类似的问题： CSS rotation not applied in Andr
... . . 我正在为phonegap中的 android构建一个应用程序,我有一个用css旋转div的问题.
我在这里找到了一个类似的问题：
CSS rotation not applied in Android 4.0 webview
我有2个Android设备,我可以测试我的应用程序.第一个是带有android 4.0.4的Sony Xperia U.在这个设备上,应用程序完美运行.
另一个设备是HTC Desire与android 2.3.5.该设备存在css旋转问题.页面加载时,图像旋转相关,但立即返回“正常”.
我正在使用的css规则是 – webkit-transform：rotate(90);在正常的div上.
这可能是系统的Android版本的问题？
我不能在这里得到问题,旋转似乎在第二个设备上工作,但只有一秒钟左右.
任何建议,将不胜感激 ：).
.解决方法
. 带有-webkit-前缀的Android 2.x seems to support CSS3 transforms,但有一个问题.
这个奇怪的错误来自自定义设置视口.如果您为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,user-scalable=no">
将显示不正确
. . .. ...