翻转图像 - 仅在浏览器中显示

Question

当我在我的Windows机器上查看图像属性（见下文）时，它清楚地显示width:144和height:256。但是在浏览器中查看时，尺寸会被翻转。

在浏览器中翻转的示例： http://jsfiddle.net/pLyg7ug9/2/

直接链接（注意它在chrome中正确加载）： http://pro-cuts.herokuapp.com/images/slideshow/thumb/8_flipped.jpg

什么会导致浏览器翻转宽度和高度？

Answer 1

这是由于JPEG旋转和EXIF方向。基本上你的相机有一个传感器可以根据你的拍摄方式旋转图像。锁定方向的手机会出现这些问题。