在iPad3上设置webkit透视图CSS属性会使子元素渲染非常模糊，如果它们用于非视网膜显示，则渲染图像。要明确我不是在谈论渲染模糊的图像，DOM子元素渲染模糊。
可以做些什么？
简单地删除属性不是一个选项，因为我使用的动画需要在Z轴中移动。
属性在CSS中设置如下：
-webkit-perpective: 500;
感谢您提供任何帮助！
答案 0 :(得分：3)
不确定这是否会有所帮助，但前端神David DeSandro在本文中提到了这种事情，在“返回Z轴原点”一节中提到：
http://24ways.org/2010/intro-to-css-3d-transforms
为了保持3-D变换的快节奏，Safari组合元素， 然后应用变换。因此，文本上的抗锯齿将会 在应用变换之前保持原样。什么时候 在三维空间中向前转换，可能发生显着的像素化......
...要解决失真问题并将像素完美恢复到我们的#cube， 我们可以将3-D物体推回去，这样正面就可以了 回到Z轴原点。
#cube { -webkit-transform: translateZ(-100px); }