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

Posted

技术标签:

【中文标题】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/

【讨论】:

以上是关于webkit-backface-visibility 崩溃 safari 和 chrome (IOS)的主要内容,如果未能解决你的问题,请参考以下文章