html - 垂直图像在某些手机上呈水平状态

Question

我有一个网站，用户可以在其中发布文章中的图片。图像处于纵向模式，它们应该始终如此。 但在某些手机(Iphone X、Iphone 5C)(不是我的 Redmi note 5)上，它们是水平的。

这是一张图片的 HTML 代码:

<a href="MyImg.jpg">
    <img class="alignnone size-large" src="myImg.jpg" alt="IMG_7768_1200" width="768" height="1024" />
</a>

和 CSS:

img.alignnone {
    display: block;
    max-width: 95%;
    width: auto;
    height: auto;
}

.alignnone, img.alignnone {
    margin-right: 2.5em;
    margin-top: 2em;
    display: inline;
    border: 5px solid #555555;
}

我没脑子。这是 CSS 问题吗？

Answer 1

这是图像元数据的问题。它是在相机拍摄照片时设置的。这不是你可以用你的 CSS 改变的东西。