我在这个链接中有一张图片：http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg
正如您所看到的，这是一个方向正确的正常图像。但是，当我将此链接设置为图像标签的 src 属性时，图像会颠倒。http://jsfiddle.net/7j5xJ/
<img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/>
你知道发生了什么事吗？
我找到了部分解决方案。图像现在具有指定照片方向的元数据。有一个新的CSS 规范image-orientation.
只需将其添加到您的 CSS 中：
img {
image-orientation: from-image;
}
根据截至 2016 年 1 月 25 日的规范，Firefox 和 iOS Safari（在前缀后面）是唯一支持此功能的浏览器。我发现 Safari 和 Chrome 仍然存在问题。然而，移动版 Safari 似乎本身就支持没有 CSS 标签的方向。
我想我们必须等待，看看浏览器是否会开始支持image-orientation.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
