HTML 图像在 Microsoft Edge 中旋转

Question

我的网站上有一张图片，这是它的来源:

<p>
    <img src="images/image.jpg" style="width: 50%;" />
</p>

在 Chrome 和 Firefox 中，图像显示正确(与在服务器上上传的方式相同)。但是，在 Edge 中，图像旋转了 90 度。当我下载图像时，它总是正确旋转，即使我从 Edge 下载它。
我以前从未遇到过这个问题。任何解决方案？

Answer 1

这是一种令人难以置信的奇怪行为。虽然这根本不是一个好的做法，但在紧急情况下，我会在寻找永久解决方案的同时专门解决 Edge。
As per an answer here作者 @paulo-roberto-rosa，Edge 是唯一一个支持选择器 -ms-ime-align 的。因此，您可以尝试使用支持查询将其旋转回其位置:

@supports (-ms-ime-align: auto) {
  .img {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
  }
}