Home/ Questions/Q 7553225
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T10:59:24+00:00

I was reading Web Content Accessibility Guidelines 1.0 (sec 3.4, page 13) where it

  • 0

I was reading Web Content Accessibility Guidelines 1.0 (sec 3.4, page 13) where it says to use em rather than pt.

My question is that the images that you develop for a web site are done in terms of pixels. So if you are using relative sizing for them, the browser will have to scale them. Is there any good techniques to ensure that the pictures do not get too distorted (i.e. bits become too blurred etc)? Alternatively if you chose not to scale the images, is there any techniques to ensure that the layout does not get corrupted?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I recommend you have a read of Responsive Web Design by Ethan Marcotte. He talks about a technique of not specifying any height/width on your img tags, and instead set the max-width to 100%:

    img {
   max-width: 100%;
}

    In fact, this will work for any fixed-width elements like videos/flash etc

    IE6 and below don’t support max-width properly, so you can set width: 100%; instead, which is a basic workaround.

    The book also explains how to use AlphaImageLoader to improve image scaling in IE7 and below.

    • 0