Адаптивное изображение по электронной почте в формате HTML в альбомной или портретной ориентации с максимальной высотой ⇐ CSS

[Anonymous]

Я знаю, что это было задано тысячу раз, но ответы, на которые я смотрел, а именно: (как автоматически разрешать изображение при сохранении соотношения сторон) охватывают каждый сценарий отдельно Полем Я хочу посмотреть, есть ли решение для них, чтобы оба были решены в одном сценарии. < /P>
Пользователю разрешено загружать изображение. Это может быть любой размер/соотношение, поэтому портретный, квадратный или ландшафт. Затем это отправляется в электронном письме. Моя проблема заключается в том, что я могу получить пейзажный образ для изменения размера для мобильных видов, но портретный вид будет слишком большим. Если мне удастся сделать портретное изображение в правильных размерах, ландшафтное изображение не будет изменять размер для мобильного представления и приведет к тому, что все остальное станет меньше по масштабе, а не автоматически регулировать ширину/высоту.
< P> Есть ли способ, которым я мог бы установить высоту и ширину их изображения на их максимальную ширину/высоту? Это единственное решение, о котором я могу придумать, но не уверен, как это можно сделать без какого-либо Javascript (или обратного процесса, к которому у меня нет доступа). < /P>
Это не лучший пример, но исходный код/фрагмент слишком велик, чтобы соответствовать:

Код: Выделить всё

Some text here

[img]https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/640px-Google_2015_logo.svg.png[/img]
            />

[img]https://i.postimg.cc/HnK73h91/image.png[/img]
            />

Опять же, в этом примере есть два отдельных контейнера div/image, но это для демонстрационных целей. Будет только одно изображение и один набор правил оформления для него, которые я хотел бы охватить оба сценария.

Подробнее здесь: https://stackoverflow.com/questions/793 ... d-resizabl