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

当我在我的 Windows机器上查看图像属性(见下文)时,它清楚地显示宽度:144和高度:256.但是在浏览器中查看时,尺寸会被翻转.

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

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

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

解决方法

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

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些