logo标签列表

WebKit变换缩放导致元素消失

ipadwebkitios6scaletransformwebkit-transform
6
我正在尝试缩放HTML页面中的一个div。这个div包含很多画布元素和其他div元素。基本上，这个div作为页面中所有其他项的容器。使用Chrome "23.0.1271.95 m"和IOS6.0 Safari，在缩放后，此div右侧和底部的项目不会出现。如果我调整窗口大小(或在iPad上改变方向)，div将正确缩放，并且项目开始出现，但在达到一定大小后再次消失。
在IOS 5.0和之前的chrome/safari版本中，这个功能一直正常工作。这是最新的webkit版本中的一个bug吗？此外，是否有任何解决方法来避免这种行为？
有人遇到过这个问题吗？ - hello512
我遇到了同样的问题。在Chrome浏览器（目前测试版本为40.0.2214.38 beta-m），如果我使用transform: scale()，元素会消失。当缩放比例超过1时，项目开始消失。 - matrixsmurfen
我在1.5倍比例下遇到了这个问题。它会导致视频在Webkit浏览器中覆盖其他元素。任何我应用的变换都会导致其他元素在超过1.5倍比例时消失。 - Justin Putney
1个回答
12
3
让我补充一下，translate3d（0px，0px，0px）必须添加到消失的元素上，而不是缩放的元素上。 - Danylo Mysak
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接