/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 vote156 views1 answer
How to make the select box font size small in css
CSS
0 vote208 views1 answer
Inline block and 50% width not aligning items
CSS
49 votes205 views5 answers
How to remove bullets from ul
CSS
0 vote309 views2 answers
Fix materialize form label not working
CSS Materialize
0 vote168 views1 answer
Fluid typography for Safari
CSS
1 vote184 views1 answer
Animate font weight css
CSS
0 vote152 views1 answer
Display elements side by side css
CSS
1 vote187 views3 answers
How to place a table in center in css
CSS
25 votes171 views3 answers
How to add spaces between text in html
CSS
58 votes188 views6 answers
How to remove underline from link
CSS

Share