resize image responsive css

S3NS4 answered on July 21, 2022 Popularity 10/10 Helpfulness 4/10

answer resize image responsive css

related make image responsive css

resize image responsive css

Comment

img.resize {
    width:540px; /* you can use % */
    height: auto;
}

Popularity 10/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css resize-image responsive

Link to this answer
Share Copy Link

Contributed on Jul 21 2022

S3NS4

0 Answers Avg Quality 2/10

Closely Related Answers

make image responsive css

Comment

/* If you want the image to scale both up and down on responsiveness, 
set the CSS width property to 100% and height to auto: */

.responsive {
  width: 100%;
  height: auto;
}

/*If you want an image to scale down if it has to, 
but never scale up to be larger than its original size,
use max-width: 100%:*/

.responsive {
  max-width: 100%;
  height: auto;
}

/*If you want to restrict a responsive image to a maximum size, 
use the max-width property, with a pixel value of your choice:*/

.responsive {
  width: 100%;
  max-width: 400px;
  height: auto;
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jan 17 2023

Adam, the developer

0 Answers Avg Quality 2/10

resize image responsive css

Contents

More Related Answers

resize image responsive css

Closely Related Answers

make image responsive css

Grepper

Documentation

Social

Legal

Contact

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