/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

1 vote197 views1 answer
Ion-content --offset-bottom
CSS
0 vote185 views1 answer
Twig date modify
CSS
17 votes258 views4 answers
Li remove dot css
CSS
0 vote178 views1 answer
Autocomplete widget set z-index
CSS
7 votes179 views3 answers
Sans serif font family css
CSS
0 vote187 views1 answer
Scss font color
CSS
19 votes184 views2 answers
Center div css flex
CSS
2 votes181 views2 answers
Image rendering css
CSS
113 votes202 views5 answers
Padding css
CSS
0 vote176 views1 answer
Enlarge ionicons css
CSS

Share