我的网站上有一张图片,这是它的来源:
<p>
<img src="images/image.jpg" style="width: 50%;" />
</p>
在 Chrome 和 Firefox 中,图像显示正确(与在服务器上上传的方式相同)。但是,在 Edge 中,图像旋转了 90 度。当我下载图像时,它总是正确旋转,即使我从 Edge 下载它。我以前从未遇到过这个问题。任何解决方案?
最佳答案
这是一种令人难以置信的奇怪行为。虽然这根本不是一个好的做法,但在紧急情况下,我会在寻找永久解决方案的同时专门解决 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);
}
}
关于HTML 图像在 Microsoft Edge 中旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62502177/