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

Posted 2023-02-23

【中文标题】webkit-backface-visibility 崩溃 safari 和 chrome (IOS)

【英文标题】：webkit-backface-visibility crashes safari and chrome (IOS)

【发布时间】：2014-06-06 14:02:19

【问题描述】：

我一直在开发一个新的响应式网站，当我开始在 iPad 上进行测试时，我发现它一直在崩溃（在 ios 6、IOS 7 和 IOS 7.1.1 上进行了测试）。

几个小时后，我发现导致崩溃的是这条 CSS 指令：

-webkit-backface-visibility: hidden;

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

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

在我们的例子中，我们在列表页面上使用该样式，例如：500 项..

这是一个已知问题吗？还是我“造型”错了？

【参考方案1】：

看着你的 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/