在iPad上查看页面时，我遇到一个奇怪的错误。在纵向方向上，阴影呈现应有的效果，但是当设备更改方向或以横向模式访问页面时，阴影消失。这在iPhone或桌面浏览器上不会发生。
我正在使用一个基本的盒子阴影：
box-shadow: 0px 23px 26px -13px rgba(0,0,0,0.71);
是否有某些特定原因不能仅在iPad上以特定方向绘制？
我在这里做了一个简单的jsFiddle：http://jsfiddle.net/3sPjw/
答案 0 :(得分：4)
这是一个确认的错误。我正在使用带有IOS 7.0.4的iPad air，它表现出这种行为。即使在纵向模式下，如果放大任何数量，阴影也会消失。
修复方法是在要添加阴影的元素上设置边框半径。添加一个像素边界半径足以解决此缺陷。
答案 1 :(得分：0)
有点奇怪的解决方案，但它有效（在IPAD中测试），谢谢 Box-shadow not shown on Safari Mobile on iOS 7 (in landscape)
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;
}