Search code examples
htmlsafariios6mobile-safariviewport

Web site does not allow zooming out or scrolling on iOS


Part of our web site has a mobile version, but for the Blogs section (all our PHP content) we decided to just offer mobile users the desktop site (for now).

This works fine on iPad, but on iPhone (iPhone 4S/iOS6 tested) the page loads zoomed into the top left corner and you can't zoom out or even scroll sideways to the content that's cut off.

I have tried playing with the meta viewport tags, but no combination of parameters seems to fix this. I have tried <meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, initial-scale=.75, user-scalable=yes" />

Please view this URL on an iPhone : http://www.finecooking.com/blogs


Solution

  • Try searching on your css if you set an specific height or an overflow: hidden to the body or html or maybe a wrapper.