Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.4k views
in Technique[技术] by (71.8m points)

bootstrap 4 - In css setting max-width for small images how to make width NOT bigger its original size?

With scss / bootstrap 4.5 html I set max width for for images with class

max-width: 250px;
height: auto;

It works ok for big images, but if image is small then it is ugly... But if image is small in witdh, if there is a way not to make width bigger its original size?

Thanks!


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

Wrap the img tag in a div tag and set the max-width for the div tag to be 250px and the max-width for the img tag to be 100%.

<div style="max-width: 250px;">
    <img style="max-width: 100%" src="yourImage.jpg">
</div>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...