У меня есть изображение, которое появляется в вертикальном положении, когда вы используете браузер для перехода к URL, но поворачивается на 90 градусов, когда я делаю что-то подобное <img id='img' src=URL>. Я не хочу, чтобы это вращалось. На самом деле, у меня есть целый список изображений, а некоторые поворачиваются, а большинство нет. URL-адреса не дают мне никакого представления о том, каким он будет.
Я понимаю, что проблема связана с EXIF. Я не уверен, что:
a) Учитывается свойство поворота изображения EXIF. Поэтому я бы хотел проигнорировать это, используя CSS
или
b) Свойство поворота изображения EXIF не учитывается . Поэтому я хотел бы использовать CSS, чтобы сообщить браузеру, что он должен учитывать это.
Лучшие решения, которые я нашел, используют exif-js для проверки свойства поворота изображения, затемна основе этого CSS, чтобы исправить вращение. Но, к сожалению, я не могу использовать JS в этом примере. Мне нужно сделать это в теге с параметром стиля.
Контекст: я использую WiX, безсерверный конструктор сайтов. Это позволяет мне установить HTML текстового элемента. Поэтому я использую это для того, чтобы показывать изображения более индивидуально, чем обычно позволяет WiX.
Редактировать: В других ответах также упоминалось image-orientation: from-image, но большинство браузеров не поддерживают это.