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

当我在我的windows计算机上查看图像属性（见下文）时，它清楚地显示

宽度：144

和

高度：256

。但在浏览器中查看时，尺寸会翻转

在浏览器中翻转的示例：

直接链接（请注意，它在chrome中正确加载）：

---

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

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

---

谢谢你提供的信息，我不知道它的存在。你知道css有什么办法可以解决这个问题，迫使浏览器遵守高度/宽度吗？我知道这是存在的，但不幸的是，只有在firefox@JustinBicknell中，你才能根据浏览器进行一系列检查以改变旋转。但你最好的办法是修复问题的起点，即图像本身。您可以在图像编辑程序中打开它，根据需要旋转它，然后重新保存它。或者使用正确的旋转方式拍摄照片（拍摄照片时启用旋转）。我找到了一种使用此工具处理批量操作的好方法。下面的命令似乎工作得很好：

mogrify-auto-orient*.jpg