Scale Image Then Add Whitespace

  • styr

    (@styr)


    11 years ago

    I’m looking for a solution to an issue i’m having. I would like to have a thumbnail with a static image size, scaled with whitespace added to both sides to fit it to the required image size

    So lets say my image is 300px x 99px and I want a 100 x 100 thumbnail. The image should scale down to 100 x 33.

    like this: https://wpquestions.com/uploads/durin_phpL9cDfa.png

Viewing 1 replies (of 1 total)
  • Evan Herman

    (@eherman24)

    Your question is a bit confusing. To get things to scale, you’ll need to use percentages as the width parameter on your images. I would say the easiest way is to use break points to apply new CSS attributes at specific points.

Viewing 1 replies (of 1 total)
  • The topic ‘Scale Image Then Add Whitespace’ is closed to new replies.