Iphone 使用手机拍摄的Safari Mobile旋转照片';在纵向模式下关闭相机

Iphone 使用手机拍摄的Safari Mobile旋转照片';在纵向模式下关闭相机,iphone,ios,css,mobile,image-rotation,Iphone,Ios,Css,Mobile,Image Rotation,我有一个恼人的问题,Safari Mobile会旋转我用手机相机拍摄的照片。奇怪的是,它只在肖像模式下发生。 下面是一个代码示例: 如您所见,我正在将图像添加为预览div的背景,并将背景大小属性设置为封面,这样我可以保持图像纵横比,并用图像填充整个div区域。 我还尝试添加一个图像元素作为我的div的子元素,但也没有成功 有人知道这里发生了什么吗 附言:我在iOS 6.0上遇到了这个问题。没有尝试其他iOS版本。您遇到了Exif定向问题 正如在那篇文章中回答的那样,你可以使用这个库来检查图像方向

我有一个恼人的问题,Safari Mobile会旋转我用手机相机拍摄的照片。奇怪的是,它只在肖像模式下发生。 下面是一个代码示例:

如您所见,我正在将图像添加为
预览
div的背景,并将
背景大小
属性设置为
封面
,这样我可以保持图像纵横比,并用图像填充整个div区域。 我还尝试添加一个图像元素作为我的div的子元素,但也没有成功

有人知道这里发生了什么吗


附言:我在iOS 6.0上遇到了这个问题。没有尝试其他iOS版本。

您遇到了Exif定向问题


正如在那篇文章中回答的那样,你可以使用这个库来检查图像方向并相应地旋转

结果是
背景尺寸:封面
在移动设备(特别是iOS)上不太稳定。我不想这样,但通过使用JavaScript解决了这个问题。有一个名为的插件,我已经移植使用(我正在使用它作为替代品)。