CSS -изображение вписывается в div с соотношением сторон
img {
width: 100%;
height: 100%;
object-fit: contain;
}
TC5550
img {
width: 100%;
height: 100%;
object-fit: contain;
}body {
margin: 0;
}
img {
display: block;
width: 100vw;
height: 100vh;
object-fit: cover;
}overflow: 'hidden',
backgroundSize : 'contain',
object-fit: fill;
object-fit: contain;
object-fit: none;
object-fit: scale-down;/*image cover*/
object-fit: cover;
/*image perfect size css html*/background image to fit inside container which maintaining dimensions.