Css 对于Iphone上的元素，阴影无法正常工作

我对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;
}

---

另外，在计算机上的任何浏览器上，页面都可以正常加载。

这是一个在iphone/ipad设备上确认的问题，该设备使用基于webkit的浏览器，在页面缩放时重新渲染框阴影，导致速度变慢和冻结

---

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

是的，当我为我的客户切分一个移动网站时，当我试图找出是什么导致了这些可怕的冻结时，这让我抓狂。