Meta Viewport tag

In the head of my document I have placed…

 <meta name="viewport" content="initial-scale=1.0,width=device-width" />

but my web page still somehow fits into my iPhone 6 and iPad. When I comment out line of code above I don’t see the difference. I cleared the cache and still the same.

I thought viewport tells the browser that I will have css for smaller screens and rendering engine doesn’t have to shrink my site to fit iPhone screen. Problem is that with meta tag or without it my site fits iPhone 6 just fine without using css for smaller screen.

Am i missing something or maybe I am not understanding meta tag.

That sounds like your device is not one of those mobile devices that the line is needed for.

Some devices perform a scaling of so many virtual pixels to a real pixel. That line of code simply forces them to use a scale of 1 to 1 so that pages wider than the viewport don’t get shrunk to fit.

Well devices I am trying it on are iPhone 6 and iPad Air

Do you have a link to the page in question so we can check it live and see what’s wrong?

I will upload it and send you the link

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.