Screen Resolutions

Community Forums Forums Design Tips and Tricks Screen Resolutions

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  whiskymac 1 year, 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #21244

    whiskymac
    Participant
    Post count: 23

    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

    #21441

    cehwitham
    Participant
    Post count: 396

    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

    #21971

    whiskymac
    Participant
    Post count: 23

    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

    #21976

    cehwitham
    Participant
    Post count: 396

    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

    #22897

    whiskymac
    Participant
    Post count: 23

    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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.