Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

Wouldn't it be setting both "max-width" and "max-height" to 100%? Or the background-image / background-size hack.


Believe this is what people are looking for:

https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit


Nope. This determines how the image is rendered within the img element. The img element itself won’t be constrained in its aspect ratio. E.g. try adding a border or drop-shadow to the img and you’ll see the problem.


This works if you set "width: 100%; height: 100%", yes (and "object-fit: contain").


Nope. See my comment above.




Consider applying for YC's Winter 2026 batch! Applications are open till Nov 10

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: