Object-fit: contain VS max-width: 100%; max-height: 100%

MDN Learn
,
3

Hello @justsomeone!

Thank you for the reply and for your effort to help me! When setting max-height and max-width the cover option does become ignored.

Answer_feedback3
Answer_feedback31600×1200 230 KB
and we are getting a picture which is being constrained by a box while maintaining its proportions and not being larger than its 100% scale. Don’t we get the same when using contain property? The only difference I see the picture is changing its position within the box. It’s not the “letterboxing” effect but the picture becomes sticked to the top border of the box.

Kind regards,
Denis