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

Программисты Html
Ответить
Anonymous
 Адаптивное изображение по электронной почте в формате HTML в альбомной или портретной ориентации с максимальной высотой

Сообщение Anonymous »

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

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



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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»