Вертикальное изображение будет горизонтальным на некоторых мобильных телефонах

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.