/CSS/Css keep image ratio

Css keep image ratio

Css keep image ratio

img {
  object-fit: cover;
  width: 100px;
  height:100px;
}

2

Html image keep aspect ratio

Don't set height AND width. Use one or the other and the correct aspect ratio will be maintained.

1

Keep aspect ratio of image css

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

0

Css keep aspect ratio image

.image-full {
    background: url(...some image...) no-repeat;
    background-size: cover;
    background-position: center center;
}

0

Source: stackoverflow.com

Similar codes

0 vote368 views1 answer
Install webpack encore
CSS
3 votes390 views1 answer
Convert angular project from css to scss
CSS
1 vote320 views1 answer
Chrome button black white border
CSS
0 vote330 views1 answer
Changer couleur liens cliqués css
CSS
1 vote316 views1 answer
Circle background image css
CSS
0 vote320 views1 answer
Css animation scale image
CSS
1 vote315 views1 answer
Css var negative
CSS
23 votes358 views5 answers
Linear gradient border
CSS
0 vote327 views1 answer
Wow animation run in multiple times at once
CSS
5 votes279 views1 answer
Show scrollbar only when scrolling
CSS

Share