/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 vote106 views1 answer
Javascript typewriter effect left to right
CSS
1 vote109 views1 answer
How to put mulitple conditions in media query
CSS
0 vote102 views1 answer
Grid css fr width of content
CSS
0 vote95 views1 answer
Circular div css
CSS
2 votes120 views2 answers
Nunito font
CSS
42 votes101 views6 answers
Text overflow css
CSS
1 vote138 views1 answer
System.FormatException: 'String '09-03-2020' was not recognized as a valid DateTime.'
CSS
0 vote107 views1 answer
Body{text-align: center;}
CSS
0 vote105 views1 answer
Ul or ol with no indent
CSS
2 votes100 views1 answer
Transition syntax css
CSS

Share