/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 vote210 views4 answers
Scale down image css
CSS
2 votes185 views2 answers
Remove the glow in bootstrap input
CSS
1 vote192 views1 answer
How to remove lines from textarea
CSS
2 votes207 views2 answers
Image rendering values css
CSS
15 votes214 views6 answers
Css background full width
CSS
17 votes164 views3 answers
Css odd even child
CSS
13 votes164 views2 answers
Border radius 4 values
CSS
0 vote170 views1 answer
How to use hr lines in a class css
CSS
0 vote181 views2 answers
Sass variables across files
CSS
-1 vote177 views1 answer
How to use a blank space with grid template areas css
CSS

Share