iPhone 6 Plus上的ios 8盒阴影

我对iPhone 6 plus上的box shadow属性有一个显示问题。 如果我添加元标记

width=devicewidth

，则根本不会显示以下框阴影：

-网络工具包盒阴影：1px 1px 5px 5px#a8a8a8；
盒影：1px 1px 5px#a8a8a8

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


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

有人有解决方案吗？
尝试使用
-webkit外观：无

您可以将其添加到全局重置中，以消除与此相关的所有问题。我使用：

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

我也在那里重置了盒子大小。
您可以在div中添加边框半径：1px。它解决了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;}    

Try:-webkit外观：无；这只是一个评论。我在iPhone5上也有同样的问题。框阴影是可见的，没有
width=devicewidth
，但在屏幕放大时消失。很好的解决方法。我在iphone6plus上使用了边界半径：0.1px；因此，它几乎没有明显的影响。