Search code examples
cssresponsive-designmedia-queriesviewportmeta

Why doesn't my site respond to the size of my browser window?

I have created a page with media queries in my CSS so that it should respond to the viewport of the device.

When I use the Firefox web dev tool for responsive design I can see how my site reacts. But when I resize my browser I cannot.

http://champlain.torqueweb.com/html/Responsive1.html

Should I use a different value for my meta?

Solution

  • max-device-width should be:

    max-width

    Works, I tested it