Object-fit
Background image fit with aspect ratio
HTML
<div style="width:100%;height:400px">
<img src="rock600x400.jpg" alt="Norway" style="float:left;width:100%;height:100%;object-fit:contain;">
</div>Please Whitelist JSFiddle in your content blocker.
Help keep JSFiddle free for always by one of two ways:
- Whitelist JSFiddle in your content blocker (two clicks)
- Go PRO and get access to additional PRO features →