Мне нужно изображение, которое сохранит соотношение сторон, будет максимальной шириной или высотой самого изображения, но не более высоты/ширины окна.
Вот пример codepen: https://codepen.io/anon/pen/GeQqOv
Этот пример - пользовательские аватары, и пользователь может загружать их любого размера, но я хочу, чтобы большие аватары имели 100% размер изображения и не растягивались на большие экраны для маленького.
Проблема теперь в том, что маленькое изображение будет растягиваться.
img {
width: 100%;
height:auto;
object-fit: contain;
max-height: 100vh;
}