Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Oct 2010
    Location
    England
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS3 Media Queries Screen Resolutions

    Anybody know where I can get a decent example of media queries in action. I want to be able to make my site fit nicely onto a smaller resolution, using media queries as my lecturer suggested it might be a good idea, and I've had a quick look round the Web but can't find a decent example.

    Thanks

    Nick.

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by goodoldarsenal View Post
    Anybody know where I can get a decent example of media queries in action. I want to be able to make my site fit nicely onto a smaller resolution, using media queries as my lecturer suggested it might be a good idea, and I've had a quick look round the Web but can't find a decent example.

    Thanks

    Nick.
    Really? I googled examples of media queries and got over 2 million results. Surely one would be a good tutorial/example of what you're looking for. One in particular at w3.org.

  • #3
    New Coder
    Join Date
    Jul 2011
    Posts
    40
    Thanks
    4
    Thanked 1 Time in 1 Post
    The problem with media queries is not how well they work on browsers that support them, but the lack of a decent fall back for the browsers that do not support them.

    Basically, the web page will display like crap on non-supporting browsers, and unfortunately that is still close to half the visitors!

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,700
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    Quote Originally Posted by PapaGeek View Post
    The problem with media queries is not how well they work on browsers that support them, but the lack of a decent fall back for the browsers that do not support them.

    Basically, the web page will display like crap on non-supporting browsers, and unfortunately that is still close to half the visitors!
    It will only look like crap if you don’t know how to do it right. You can serve one default stylesheet for all browsers and then serve other stylesheets with media queries for those browsers that support them. This way you can please anybody.

  • #5
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    lol 10 month old thread....
    Teed


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •