Clever Geek Handbook

Viewport screen width, not working

I have installed

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

so if the site http://www.myscholly.com/iphone.php is adapted on a mobile device . I also make my div size = 100%. This works when viewed 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 problem is CSS related, but I have disabled margins, paddings and basically stripped everything, but there is still a problem. If you are looking at a site on a mobile device, the containing element will not be 100% wide!

+3


source to share


2 answers


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



+1


source


Put the meta tag first inside the title tag. It may not reach your meta tag.

In early 2011, the W3C decided to allow character encoding declarations within the first 1024 bytes instead of the first 512 bytes, so browsers can give more options before buffering page content.



For more information see the link below.

Optimizing the document title

0


source






More articles:


All Articles