Interesting css scaled image

by ,

I was reading about
The Xbox 360’s HD-DVD drive
when I noticed that the image was scaling up and down as I resized my browser window.
Cool!

The magic seems to be in their
/media/style.css
CSS sheet, which includes this little gem:


.post img.biggie { width: 98%; max-width: 860px; margin: 0;}

I’ve never used max-width; I’ll have to check it out!

development, the Net, web site.

About rae

I'm a long-time Mac and iOS developer. I'm also a big fan of Ruby on Rails and relational databases. I tend to work remotely, in my basement with occasional trips to the office. I'm also a big videophile, both TV and film, and can't wait for a good, inexpensive home 4k solution.

3 comments on “Interesting css scaled image

  1. rae Post author

    Google Video does it with a Flash object, which is intrinsically intelligent and can adapt to size changes. This is just a dumb image!
    🙂

Leave a Reply

Your email address will not be published. Required fields are marked *