Phonegap Android中的平滑3d变换
我正在尝试使用Phonegap制作一个具有图库的应用程序。在其中，我使用jQuery和iScroll4 我需要增加中心元素的大小。为此，我设置了项目父属性-webkit透视图：1200px，项目本身在Chrome中看起来不错，但在Android 2.2（三星Galaxy）和2.3（Kindle Fire）上不起作用。在安卓3.0（摩托罗拉Xoom）上，它工作正常，但不稳定 我试着用。它可以在所有设备上工作，但仍然会抖动。改变高度/宽度或缩放的变体也没有给出好的结果 如何在所有（Android）设备上顺利实现此效果Phonegap Android中的平滑3d变换,android,cordova,css-transforms,iscroll4,Android,Cordova,Css Transforms,Iscroll4,我正在尝试使用Phonegap制作一个具有图库的应用程序。在其中，我使用jQuery和iScroll4 我需要增加中心元素的大小。为此，我设置了项目父属性-webkit透视图：1200px，项目本身在Chrome中看起来不错，但在Android 2.2（三星Galaxy）和2.3（Kindle Fire）上不起作用。在安卓3.0（摩托罗拉Xoom）上，它工作正常，但不稳定 我试着用。它可以在所有设备上工作，但仍然会抖动。改变高度/宽度或缩放的变体也没有给出好的结果 如何在所有（Android）设
我将非常感谢您提供的任何信息性答案。也许这是CSS3使用绝对定位的秤
<html>
<head>
<style type="text/css">
img {
position:absolute;
top:50px; left:50px;
height:60px; width:80px;
-webkit-transition:all 0.2s ease;
}
img:hover {
top:35px; left:30px;
height:90px; width:120px;
}
</style>
</head>
<body>
<img src="image.png" />
</body>
</html>
img{
位置：绝对位置；
顶部：50px；左侧：50px；
高度：60px；宽度：80px；
-webkit过渡：所有0.2秒轻松；
}
img：悬停{
顶部：35像素；左侧：30像素；
高度：90px；宽度：120px；
}
<html>
<head>
<style type="text/css">
img {
position:absolute;
top:50px; left:50px;
height:60px; width:80px;
-webkit-transition:all 0.2s ease;
}
img:hover {
top:35px; left:30px;
height:90px; width:120px;
}
</style>
</head>
<body>
<img src="image.png" />
</body>
</html>
img{
位置：绝对位置；
顶部：50px；左侧：50px；
高度：60px；宽度：80px；
-webkit过渡：所有0.2秒轻松；
}
img：悬停{
顶部：35像素；左侧：30像素；
高度：90px；宽度：120px；
}