/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

2 votes378 views3 answers
How to disable link in hmtl
CSS
0 vote337 views1 answer
Postion on window top css
CSS
10 votes351 views4 answers
Css align ul li horizontal
CSS
30 votes337 views6 answers
Background image with gradient css
CSS
12 votes292 views3 answers
Css display grid
CSS
5 votes450 views2 answers
Materialize css cdn
CSS Materialize
0 vote337 views1 answer
How to make code continue after a transition css
CSS
0 vote323 views1 answer
Css margin top responsive
CSS
37 votes319 views2 answers
Rgb yellow color
CSS
1 vote353 views1 answer
Padding up down left right
CSS

Share