Menu
Community /Pin to ProfileBookmark
@cootheadJun 07.2019 — #Hi there sibert,
if you want the image to fit the box,
whatever it's width, then look at this...
http://jsfiddle.net/j17cpdka/
_coothead_@cootheadJun 07.2019 — #@RaulRogojan#1604439
That is because the "_img element_ " is an inline element.
To ensure that it exactly fits it's container requires this..
**https://codepen.io/anon/pen/mYNPvm **
_coothead_
Keep the cat in the box
I am trying to create a css box that shrinks the image within the box.
So far I can control either the height OR the width, but not both.
The question is simple. How do I keep the cat within the box when resizing the box?
Without destroying the cat 🙂
Here is the box less than the cat. And the cat is outside the box:
Sign in
to post a comment8 Comments(s) ↴
0
@cootheadJun 07.2019 — #Hi there sibert,if you want the image to fit the box,
whatever it's width, then look at this...
_coothead_
0
@cootheadJun 07.2019 — #>**[color=#069]Not sure why you have the yellow line under the img..... [/color] **
That is because the "_img element_ " is an inline element.
To ensure that it exactly fits it's container requires this..
``<i>
</i>.box img {
display: block;
width: 100%;
height: auto;
}<i>
</i>``**
_coothead_