【发布时间】：2013-09-07 21:09:55
【问题描述】：
我遇到了一个烦人的问题，Safari Mobile 会旋转我用手机相机拍摄的照片。奇怪的是它只发生在纵向模式下。 这是一个代码示例：http://jsfiddle.net/Kazpp/
如您所见，我将图像添加为preview div 的背景并将background-size 属性设置为cover，这样我就可以保持图像纵横比并用图像填充整个div 区域。
我还尝试添加一个图像元素作为我的 div 的子元素，但这也没有用。
有人知道这里发生了什么吗？
Ps.：我在 iOS 6.0 上遇到了这个问题。没有尝试其他 iOS 版本。
【问题讨论】：
-
原来
background-size: cover在移动设备（尤其是 iOS）上不是很稳定。我不想这样，但通过使用 JavaScript 解决了这个问题。有一个名为Backstretch的插件，我已经移植到与Zepto一起使用（我用它来代替jQuery）。 Here's a fully working example.
标签： iphone ios css mobile image-rotation