Home/ Questions/Q 6735411
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T11:00:24+00:00

Is there any way that I can use just HMTL and CSS to force

  • 0

Is there any way that I can use just HMTL and CSS to force an image to resize to fit a fixed dimension while maintaining its aspect ratio (without stretching/shrinking)?

Consider my required dimension to be a 64×64 pixel square, and the following cases for images I want to fit within this dimension:

  1. A 64×64 pixel image
  2. An image 96 pixels wide and 135 pixels high
  3. An image 135 pixels high and 96 pixels wide

I’ve been able to figure out a way to solve either 1 & 2 or 1 & 3 by explicitly declaring the image’s height="64px" and width="64px" respectively, but one does not work for both, and declaring both causes the image to stretch or shrink.

Is there a way to solve this problem only using HTML and CSS?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    use max-width and max-height instead. don’t set width/height in css.

    style="max-width: 64px; max-height: 64px;"
    • 0