Мне нужно сделать это изображение растянутым до максимального возможного размера без переполнения его <div>
или искажения изображения.
Я не могу предсказать соотношение сторон изображения, поэтому нет способа узнать, следует ли использовать:
<img src="url" style="width: 100%;">
или
<img src="url" style="height: 100%;">
Я не могу использовать оба (то есть style = "width: 100%; height: 100%;" ), потому что это растянет изображение до соответствия <div>
.
<div>
имеет размер, заданный в процентах от экрана, что также непредсказуемо.