/CSS/Keep aspect ratio of image css

Keep aspect ratio of image css

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 vote183 views1 answer
Flexbox froggy
CSS
14 votes285 views2 answers
.col-12 bootstrap
CSS Bootstrap
0 vote133 views1 answer
Css ein bisschen durchsichtig
CSS
4 votes217 views3 answers
Css text dots
CSS
0 vote181 views1 answer
Css border with 8 values
CSS
1 vote260 views1 answer
Html video css
CSS
0 vote180 views2 answers
Bootstrap 5 container
CSS
61 votes373 views2 answers
Bootstrap flex direction column
CSS Bootstrap
9 votes177 views3 answers
Animation on scroll css
CSS
43 votes183 views5 answers
Css text overflow
CSS

Share