5

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

这曾经在 IOS 5.0 和以前的 chrome/safari 版本中正常工作。这是最新的 webkit 版本中的错误吗？另外，是否有任何解决方法可以避免这种行为？

4

1 回答 1

11

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

于 2014-12-17T04:51:51.717 回答