图像显示为水平图像而不是垂直图像

Question

我正在学习 HTML，并且正在练习向我的网站添加图片。我用从手机上取下来的垂直图像进行了尝试，它并没有按照图像实际的方式显示，而是将其旋转了 90 度。

我唯一的图片代码是：

img src="img/download4.jpg" alt="垂直图像"

我认为这可能是我的手机 (Pixel 3a) 的问题，但为什么网站输出将其显示为水平图像而不是垂直图像？我从互联网上随机下载了一张壁纸，这似乎可以正常工作，那为什么我的不行呢？

谢谢。

Answer 1

以你的风格试试这个：

img {
    image-orientation: from-image;
}

并在 Firefox 中打开它。如果它显示它应该如何从图像中读取 EXIF 数据是由于 chrome 问题。如果不篡改 javascript，您将无能为力。