Какие свойства задать изображению вертикальному и горизонтальному, чтобы оно автоматический подстраивалось по высоте или ширине?

Question

[Torento20345]

Добрый день
Как можно настроить изображение, чтобы не зависимо от того, что оно вертикально или горизонтальное, оно в блоке квадрата принимало наибольше возможный размер?
Например, если оно окажется вертикальным, то по высоте оно было 100%, а если горизонтальное, то в ширину 100%.

Answer 1

[Евгений]

img {
max-width: 100%;
max-height: 100%;
}

Comments

[Torento20345]

Спасибо

[Froggyweb]

Torento20345, Посмотри лучше в сторону object-fit

[Torento20345]

Froggyweb, спасибо, помогло!