Html iPad上的方向更改不会重新绘制CSS框阴影

在iPad上查看页面时，我在绘制框阴影时遇到了一个奇怪的错误。在纵向模式下，阴影按其应有的方式呈现，但当设备改变方向或以横向模式访问页面时，阴影消失。这不会发生在iPhone或桌面浏览器上

我使用基本的长方体阴影，如：

box阴影：0px23px26px-13pxrgba（0,0,0,0.71）

有没有什么具体的原因让它不只是在iPad上以特定的方向绘制

我在这里做了一个简单的jsFiddle:
这是一个已确认的bug。我正在使用iPadAir和IOS 7.0.4，它展示了这种行为。即使在纵向模式下，如果放大任意数量，阴影也会消失

解决方法是在要添加阴影的元素上设置边界半径。添加一个像素边界半径足以绕过此缺陷。
这是一个已确认的错误。我正在使用iPadAir和IOS 7.0.4，它展示了这种行为。即使在纵向模式下，如果放大任意数量，阴影也会消失

解决方法是在要添加阴影的元素上设置边界半径。添加一个像素的边界半径就足以绕过这个缺陷。
这是一种奇怪的解决方案，但它确实有效（在IPAD上测试），这要归功于

这是一个很奇怪的解决方案，但它很有效（在IPAD上测试），这要归功于

可能是因为html中没有移动元标记。这对我来说很好。需要添加：可能是因为您的html中没有移动元标记。这对我来说很好。需要补充：
h1 {
box-shadow: 0 4px 9px -8px #000000;
border-radius: 1px;
color: #D95B43;
height: 1.2em;
margin-top: 0;
font-size: 1.3em;
padding: 10px;
}