Можно как-то задать значение, чтобы картинка была максимальна по самой длинной из сторон?

Question

[Ingernirated]

Всем привет!
Есть картинка размером 600 на 200 например, как сделать так, чтобы в в горизонтальном блоке она масштабировалась по высоте в 100% - ширина авто, а при вертикально по ширине в 100% - высота авто.

Comments

[Сергей delphinpro]

Проще всего повесить картинку фоном и задать стиль

.block {
  background: no-repeat center;
  background-size: contain;
}

Того же эффекта, но менее кроссбраузерно (есть полифилы), можно добиться и с картинкой

img {
  width: 100%;
  height:100%;
  object-fit: contain;
}

Answer 1

[noys]

может помочь: https://html5book.ru/edinicy-izmereniya-vh-vw-vmin...