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