webkit-backface-visibility崩溃了safari和chrome(IOS)

时间:2014-06-06 14:02:19

标签: ios css safari crash webkit

我一直在开发一个新的响应式网站,当我开始测试IPad时,我发现它一直崩溃(在IOS 6,IOS 7和IOS 7.1.1上测试过)。

几个小时后,我发现造成崩溃的原因是这条CSS指令:

-webkit-backface-visibility: hidden;

我能够在jsfiddle上创建一个复制此问题的示例:

http://jsfiddle.net/CBqCH/6/

在我们的案例中,我们在列表页面上使用该样式,例如:500项......

这是一个已知问题吗?或者我是'造型''这不对吗?

1 个答案:

答案 0 :(得分:0)

看着你的css / fiddle就像你添加这样:​​

*{ -webkit-backface-visibility: hidden; }

或者换句话说,你在所有div上添加 ...

永远不要针对所有元素(当然,如果你正在调用多个元素,它会崩溃),只需要你需要的元素。

但如果不是这样,那么在iOS上使用这些css很常见:

Mobile Safari on iOS crashes on big pages

http://www.dimshik.com/ios-7-runs-out-of-memory-when-using-webkit-transform/