/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 vote134 views1 answer
@media between two sizes
CSS
0 vote132 views1 answer
Jquery woocommerce disable add to cart css
CSS
55 votes128 views5 answers
Bootstrap 3 button
CSS
0 vote91 views1 answer
How to move bullet in css
CSS
168 votes175 views6 answers
Box shadow css property
CSS
21 votes129 views2 answers
How to write css for input type text
CSS
1 vote116 views1 answer
Css background offset
CSS
164 votes174 views6 answers
Css bold
CSS
0 vote128 views3 answers
Slick slider and ACF Pro in WordPress
CSS
2 votes126 views1 answer
White space in css
CSS

Share