Screen Resolutions

[whiskymac]

Hi,

I'm trying to get my website to auto-adjust to different screen resolutions so that it appears correctly on different screen sizes. Can anyone tell me what code I should put in the css for this?

Thanks,

John

[cehwitham]

Hi John,

You need to use Media Queries, I suggest you start by reading this article:

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

Using a testing tool like this one will help you in fine tuning your CSS:

http://responsive.pixeltuner.de/

---

Twitter: cehwitham Web: cehwitham.com

[whiskymac]

Hi,

Thanks for the help.

I went and read the article and tested the site on the tool you suggested.

I tried adding in some Media Queries but im not too sure if ive done it correct. Would anyone mind taking a quick look please?

http://www.stepin2christmas.co.uk

Thanks

John

[cehwitham]

I'm not sure what styles you've added for smaller screen sizes but when I resize my browser window, nothing seems to happen. I'm looking at it in Chrome on Mac.

---

Twitter: cehwitham Web: cehwitham.com

[whiskymac]

Hi,

Thanks for looking at that, i'll go back and try a few other things and see if I can get it too work.

Thanks

John

[Author]

Posts