/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

4 votes218 views1 answer
Grid-area
CSS
2 votes243 views4 answers
Laravel htaccess
CSS
0 vote201 views1 answer
How to resize img in css
CSS
6 votes227 views4 answers
Disable scroll css
CSS
0 vote203 views2 answers
Skeumorphism box shadow
CSS
3 votes202 views2 answers
How to align elements horizontally in css
CSS
0 vote254 views1 answer
Css buchstaben auseinander weite
CSS
86 votes211 views6 answers
Css all caps
CSS
0 vote264 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap
2 votes155 views2 answers
Button hover disabled
CSS

Share