Grow your CSS skills. Land your dream job.

Responsive Website not working

  • # January 23, 2013 at 5:12 pm

    I am a new web designer .I am working on my first responsive website with Media Query. When I test it on computer, and re-size the browser window, it works perfect , BUT when I test it on my Cellphone (Samsung Galaxy sII), I have not seen any changes at all . It looks like the same design as big screen!! That means Media query does not work at all for my website!! I am really confused and disappointed. I don’t know what the issue might be?!! Any small hint would be a great help for me. Here is the link : http://anadeveloper.com/nature/
    Thank you very much

    # January 23, 2013 at 5:19 pm

    Include this in the head section and you should be fine:

    # January 23, 2013 at 5:20 pm

    Let me know if it works.

    # January 23, 2013 at 5:39 pm

    It’s a good idea to add an initial-scale into that meta tag as well:

    Otherwise, the page gets stretched/squished when a device is rotated (at least on iOS).

    # January 23, 2013 at 6:00 pm

    a good thing to add is to start of with a boilerplate such as html5boilerplate or mobile html5boilerplate

    http://h5bp.com

    # January 23, 2013 at 6:43 pm

    Re: “posterity576″ , Thank you so much . I just added that line of code , and it works PERFECT !!! You made my day :) Thanks again !

    # January 23, 2013 at 6:45 pm

    Thank you guys for all of your hints ! It was great and very helpful !

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".