html - 翻转图像 - 仅在浏览器中

标签 html css image browser

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

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

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

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

最佳答案

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

JPEG Exif Data

关于html - 翻转图像 - 仅在浏览器中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28847530/

相关文章:

css - 是否可以根据所使用的浏览器有选择地应用 CSS?

html - 如何在下拉菜单中垂直排列子列表项

swift - 通过 Swift 在 Xcode 中保存和使用用户输入图像

android - 如何使用 c/c++ native 代码在 android 中旋转位图

html - 如何重叠CSS中的顶部div标签

html - 给元素一个不同于盒子的结构,例如一个三 Angular 形

css - Bootstrap 和 gmaps4rails

arrays - 如何将RGB{N0f8}类型转换为Array{Float64}

html - 如何在表单中输入提交按钮

html - 使用 CSS2 将 <ul> 拆分为两列