css - Iphone 上的元素的阴影无法正常工作

Question

我在 css 中为某些元素使用了多个阴影，问题是移动设备上的 html 页面根本无法使用，它们会卡住。有什么办法可以解决吗？

这是我使用的代码:

.all {
    background:#fff;
    width:1000px;
    margin:0 auto;
    -webkit-box-shadow: #ccc 0 0 40px;
    -moz-box-shadow: #ccc 0 0 40px;
    box-shadow: #ccc 0 0 40px;
}

附言页面在计算机上的任何浏览器中都能正常加载。

Answer 1

在带有基于 webkit 的浏览器的 iphone/ipad 设备上，当它在页面缩放时重新呈现框阴影时，会导致速度减慢和卡住，这一问题已得到确认。

我建议从 css 中删除 -webkit-box-shadow。