I've noticed Zen 7.x-5.1 does not utilise the full width of the iPhone 5.
To fix this I've amended the file: the file: templates/html.tpl.php
From:
<meta name="viewport" content="width=device-width">
to:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
I also read that the Phone 5 doesn’t appear to like the width being set in the metatag. In which case the below may be a suitable alternative.
<meta name="viewport" content="user-scalable=0, initial-scale=1.0">
Comments
Comment #0.0
mikee commentedUpdated the lines so hopefully visible.
Comment #1
johnalbinuser-scalable=0removes the ability of the user to pinch and zoom. :-\I've never seen that. And I've tested lots of sites built with Zen.
Comment #2
Anonymous (not verified) commentedThis is an issue, particularly with the iPhone 5. I am having this same issue using 7.x-5.1.
Comment #3
johnalbinI still haven't experienced this bug.
Perhaps this is a dupe of this discussion? #1615526: Initial scale, type on iPad
Comment #3.0
johnalbinProposed resolution updated.
Comment #4
kristofferromI have a similar problem at http://nordicwaves.net, but this fix doesn't work - any other ideas?
Comment #5
kristofferromSorry, fixed it by adding a min-width of 480px to responsive-sidebars.css