Breaking News: Grepper is joining You.com. Read the official announcement!

html image keep aspect ratio

Add Answer

Delightful Duck answered on April 29, 2020 Popularity 10/10 Helpfulness 3/10

answer html image keep aspect ratio

related css keep image ratio

related css image aspect ratio

related keep aspect ratio of image css

related css keep aspect ratio image

html image keep aspect ratio

Comment

Don't set height AND width. Use one or the other and the correct aspect ratio will be maintained.

Popularity 10/10 Helpfulness 3/10 Language html

Source: Grepper

Tags: aspect-ratio html image

Link to this answer
Share Copy Link

Contributed on Jan 15 2021

Delightful Duck

0 Answers Avg Quality 2/10

Closely Related Answers

css keep image ratio

Comment

img {
  object-fit: cover;
  width: 100px;
  height:100px;
}

Popularity 10/10 Helpfulness 8/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Nov 03 2020

monospace

0 Answers Avg Quality 2/10

css image aspect ratio

Comment

/* Keyword values */
aspect-ratio: auto; /* default */

/* Ratio values */
aspect-ratio: 1 / 1; /* width and height are equal proportion */
aspect-ratio: 2 / 1; /* width is twice the height*/
aspect-ratio: 1 / 2; /* width is half the height */
aspect-ratio: 16 / 9  /* typical video aspect ratio */
aspect-ratio: auto 4 / 3; /* width:height, unless it's a replaced element */
aspect-ratio: 0.5; /* float value */

/* Global values */
aspect-ratio: inherit;
aspect-ratio: initial;
aspect-ratio: unset;

Popularity 10/10 Helpfulness 8/10 Language css

Source: css-tricks.com

Tags: aspect-ratio aspect-rat

Link to this answer
Share Copy Link

Contributed on Jun 09 2023

Quaint Quagga

0 Answers Avg Quality 2/10

keep aspect ratio of image css

Comment

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

Popularity 10/10 Helpfulness 8/10 Language css

Source: Grepper

Tags: aspect-ratio aspect-rat

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Mobile Star

0 Answers Avg Quality 2/10

css keep aspect ratio image

Comment

.image-full {
    background: url(...some image...) no-repeat;
    background-size: cover;
    background-position: center center;
}

Popularity 10/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: aspect-ratio aspect-rat

Link to this answer
Share Copy Link

Contributed on Feb 26 2021

Breakable Batfish

0 Answers Avg Quality 2/10

html image keep aspect ratio

Contents

More Related Answers

html image keep aspect ratio

Closely Related Answers

css keep image ratio

css image aspect ratio

keep aspect ratio of image css

css keep aspect ratio image

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.