在 iPad 上查看页面时绘制方框阴影时，我遇到了一个奇怪的错误。在纵向模式下，阴影会按应有的方式呈现，但当设备改变方向或以横向模式访问页面时，阴影就会消失。在 iPhone 或桌面浏览器上不会发生这种情况。
我正在使用基本的盒子阴影，例如:
盒子阴影:0px 23px 26px -13px rgba(0,0,0,0.71);
是否有某些特定原因导致它不能仅以特定方向在 iPad 上绘制？
我在这里做了一个简单的jsFiddle:http://jsfiddle.net/3sPjw/
最佳答案
这是一个已确认的错误。我使用的是带有 IOS 7.0.4 的 iPad Air，它表现出这种行为。即使在纵向模式下，如果放大任意数量，阴影也会消失。
解决方法是在要添加阴影的元素上设置边框半径。添加一像素边框半径足以解决此缺陷。
关于html - iPad 上的方向更改不会重绘 CSS 框阴影，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20594677/