陰影對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

在iphone/ipad設備上使用基於webkit的瀏覽器確認問題，導致在頁面縮放時重新渲染框陰影時速度變慢並凍結。

我建議從css中刪除-webkit-box-shadow。