viewport device width, not working

Question

I set up

meta name="viewport" content="width=device-width"

so that when on a mobile device, the site http://www.myscholly.com/iphone.php will adapt. I also make my containing div width=100%. This works when viewing in a normal web browser with a small viewport (i.e. shrinking the browser window), but it doesn't work on my iphone simulator.

I know the issue is CSS, but I disabled margins, paddings, and basically stripped everything but still have the issue. If you look at the site on mobile, the containing element does not have a width of 100%!

Answer 1

In your style.css and in the html the div 'container' is a class = .container but in your max-width media query in the HTML file you're targeting it as a id = #container.