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)的主要内容,如果未能解决你的问题,请参考以下文章