CODEWITHSUNDEEP
htmlcssios7responsive-design
tuscan88
tuscan88

Reputation: 5829

IOS 7 safari ignoring viewport tag

If you look at this site in Safari on an IOS7 device you will see that the content is zoomed in slightly and the page can be scrolled horizontally. It doesn't do this on other mobile devices, on my nexus for example it fits the screen perfectly as it should and you can only scroll vertically. It used to be fine on IOS6 but since the change to IOS7 its started behaving wierdly.

I've got the following viewport tag:

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

Upvotes: 2

Views: 999

Answers (3)

tuscan88
tuscan88

Reputation: 5829

Cracked it finally! Andrew was right I needed to change the min width to 320px, I also had to remove width=device-width from the viewport tag

Upvotes: 0

Alex
Alex

Reputation: 11255

Try this:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

Upvotes: 0

user2968831
user2968831

Reputation:

The page width fixes at about 375px, iphone screens have a width of 320px (even the retina screens render this width).

Without you providing relevant code I cannot tell you a fix but that is what hits me as the issue.

Upvotes: 1

Related Questions