/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 vote232 views1 answer
Anchor links scrolling too far
CSS
2 votes237 views1 answer
How many pixels is h1 text html
CSS
0 vote247 views1 answer
Background url with color css
CSS
47 votes240 views6 answers
Css center text in div
CSS
9 votes238 views2 answers
Css style for the first element only
CSS
0 vote233 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
2 votes237 views1 answer
How to style multiple elements at once
CSS
0 vote233 views1 answer
How to get two elements on the same line html
CSS
34 votes229 views3 answers
Css blur background image only
CSS
0 vote234 views1 answer
Css grid auto wrap
CSS

Share