iPhone 6 Plus上的ios 8盒子阴影

Question

我在iPhone 6 plus上特别显示了box shadow属性的显示问题。 如果我添加元标记width=device-width，则根本不会显示以下框阴影：

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

如果我不使用元标记，如果放大页面，框形阴影会“神奇地”消失。你可以在这里理解这一点：

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

这似乎是一个特定的iPhone 6加错误。在运行相同iOS版本（8.0.2）的旧版iPhone上，框阴影正常工作。

有没有人有解决方案？

Answer 1

您可以将 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;}    

Answer 2

尝试使用-webkit-apperance: none;

您可以将此添加到全局重置中，以消除此问题。我用：

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

我也在那里进行了盒子大小调整。