ios 8盒子陰影iPhone 6 Plus

Question

我有一個顯示問題，特別是在iPhone 6 plus盒子陰影屬性。 如果我添加了meta標籤width=device-width，下面的框裏陰影完全不顯示：

-webkit-box-shadow: 1px 1px 5px 5px #a8a8a8; box-shadow: 1px 1px 5px 5px #a8a8a8;

如果我不使用meta標籤，包裝盒陰影「魔術」般地消失了，如果你放大到頁。您可以在這裏理解這一點：

http://jsfiddle.net/b6aaq57z/3/

這似乎是一個特定的iPhone 6加錯誤。在運行相同iOS版本（8.0.2）的舊版iPhone版本中，箱體陰影工作正常。

有沒有人有解決方案？

Answer 1

嘗試使用-webkit-apperance: none;

您可以添加到您的全局復位，以消除這一切的問題。我用：

*, *:before, *:after { 
    -webkit-appearance: none; 
} 

我也有我的箱子大小重置在那裏以及。

Answer 2

您可以將border-radius：1px添加到div。它修復了iPhone 6+和其他視網膜設備中的盒子陰影問題。

.box-shadow{ 
-webkit-box-shadow: 1px 1px 0.25em 0.25em #a8a8a8; 
box-shadow: 1px 1px 0.25em 0.25em #a8a8a8; 
border-radius:1px;}