iphone - iPhone 6 Plus 上的 ios 8 框阴影

Question

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

-webkit-box-shadow: 1px 1px 5px 5px #a8a8a8; 框阴影:1px 1px 5px 5px #a8a8a8;

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

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

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

有没有人有解决办法？

Answer 1

您可以在 div 中添加 border-radius: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;}