/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

16 votes211 views4 answers
Last child after css
CSS
20 votes210 views3 answers
Underline text using css
CSS
10 votes200 views6 answers
Css hover change another element
CSS
0 vote235 views1 answer
How To target a particular td in css
CSS
0 vote214 views2 answers
Error: the sandbox is not in sync with the podfile.lock. run
CSS
1 vote195 views1 answer
Css super smooth shadow
CSS
1 vote207 views1 answer
Css no underline
CSS
3 votes199 views2 answers
Width css property
CSS
1 vote207 views1 answer
Spaces between letters css
CSS
1 vote199 views3 answers
Tailwind npm
CSS

Share