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

Question

我正在学习HTML，我正在练习向我的网站添加图片。我用我从手机上取下的垂直图像尝试了这个，而不是以图像的实际方式显示，而是将其旋转 90 度。

我唯一的图像代码是：

img src="img/download4.jpg" alt="vertical image">

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

谢谢。

Answer 1

按照你的风格试试这个：

img {
image-orientation: from-image;
}

并在火狐中打开它。如果它显示了它应该如何，则由于从图像中读取EXIF数据的铬问题。在不篡改javascript的情况下，你无能为力。