阴影对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;
}

P.S。在计算机上的任何浏览器上加载页面都很好。

Answer 1

在基于webkit的浏览器的iphone / ipad设备上确认了问题，当它在页面缩放时重新渲染框阴影时导致速度减慢和冻结。

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