Webkit 转换缩放使项目消失



我正在尝试在我的HTML页面中缩放div。这个div 包含很多画布元素和其他div 元素。基本上,这个div充当页面中所有其他项目的容器。使用 Chrome"23.0.1271.95 m"和 IOS6.0 野生动物园,此div 右侧和底部的项目在缩放后不会出现。如果我调整窗口大小(或在iPad上更改方向),div会正确缩放,项目开始出现,但在一定大小后再次消失。

这曾经适用于IOS 5.0和以前的chrome/safari版本。这是最新网络工具包版本中的错误吗?另外,是否有任何解决方法可以避免此行为?

我很久以前有一个解决方案,但忘记更新这篇文章。发生这种情况是因为铬完成的图层组合。请添加翻译3d(0px, 0px, 0px);在转换字符串中。添加此图层将为项目创建一个新图层,并将修复问题。:)在此处阅读有关图层合成的更多信息:http://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chrome

最新更新