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

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 方向造成的。基本上，您的相机有一个传感器，可以根据您的拍摄方式旋转图像。方向锁定的手机会出现这些问题。