/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

-1 vote167 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
24 votes214 views3 answers
Remove underline from a link css
CSS
3 votes176 views2 answers
How to split a background into two color in css
CSS
2 votes176 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS
4 votes173 views2 answers
Bootstrap Image thumbnails
CSS
0 vote237 views1 answer
Alacritty auto start fish
CSS
0 vote170 views1 answer
Asp net css how to change text alignment of gridview column
CSS
52 votes177 views6 answers
How to change background color in css
CSS
0 vote171 views1 answer
For loop for increment id of div in jquery
CSS
0 vote161 views1 answer
What's 275 divided by 630
CSS

Share