我有一个很烦人的问题,就是Safari Mobile会旋转我用手机相机拍摄的图片。奇怪的是,仅在竖屏模式下发生这种情况。
以下是代码示例:http://jsfiddle.net/Kazpp/
如您所见,我将图像添加为的背景,并将background-size属性设置为cover,以保持图像的纵横比并填充整个div区域。我还尝试将image元素作为div的子元素添加,但也没有起作用。
有人知道这里出了什么问题吗?
附:我在iOS 6.0上遇到了这个问题。没有尝试其他iOS版本。
有人知道这里出了什么问题吗?
附:我在iOS 6.0上遇到了这个问题。没有尝试其他iOS版本。
background-size: cover
在移动设备上(特别是 iOS)不太稳定。我并不想这样,但通过使用 JavaScript 解决了这个问题。有一个叫做Backstretch
的插件,我已经将其移植到Zepto
上(我正在用它替换jQuery
)。这里有一个完全可用的例子。 - user339827