移动Safari在竖屏模式下旋转用手机相机拍摄的照片

3
我有一个很烦人的问题,就是Safari Mobile会旋转我用手机相机拍摄的图片。奇怪的是,仅在竖屏模式下发生这种情况。 以下是代码示例:http://jsfiddle.net/Kazpp/ 如您所见,我将图像添加为
的背景,并将background-size属性设置为cover,以保持图像的纵横比并填充整个div区域。我还尝试将image元素作为div的子元素添加,但也没有起作用。
有人知道这里出了什么问题吗?
附:我在iOS 6.0上遇到了这个问题。没有尝试其他iOS版本。

原来 background-size: cover 在移动设备上(特别是 iOS)不太稳定。我并不想这样,但通过使用 JavaScript 解决了这个问题。有一个叫做 Backstretch 的插件,我已经将其移植到 Zepto 上(我正在用它替换 jQuery)。这里有一个完全可用的例子 - user339827
1个回答

1

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接