我正在尝试在HTML页面中缩放div。这个div包含很多canvas元素和其他div元素。基本上,此div充当页面中所有其他项的容器。使用Chrome“23.0.1271.95 m”和IOS6.0 safari,缩放后不会出现此div右侧和底部的项目。如果我调整窗口大小(或更改iPad上的方向),div会正确缩放并开始显示项目,但在一定大小后会再次消失。
这曾经适用于IOS 5.0和之前的chrome / safari版本。这是最新webkit版本中的错误吗?此外,有没有解决方法来避免这种行为?
答案 0 :(得分:5)
我有这个长期的解决方案,但忘了更新这篇文章。这是因为chrome完成了图层组合。请添加translate3d(0px,0px,0px);在变换字符串中。添加此项将为项目创建一个新图层,并将修复问题。 :) 在此处阅读有关图层合成的更多信息:http://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chrome