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

mikee’s picture

Issue summary: View changes

Updated the lines so hopefully visible.

johnalbin’s picture

Version: 7.x-5.1 » 7.x-5.x-dev
Status: Active » Closed (cannot reproduce)

user-scalable=0 removes the ability of the user to pinch and zoom. :-\

I've noticed Zen 7.x-5.1 does not utilise the full width of the iPhone 5.

I've never seen that. And I've tested lots of sites built with Zen.

Anonymous’s picture

Status: Closed (cannot reproduce) » Active

This is an issue, particularly with the iPhone 5. I am having this same issue using 7.x-5.1.

johnalbin’s picture

Status: Active » Closed (duplicate)

I still haven't experienced this bug.

Perhaps this is a dupe of this discussion? #1615526: Initial scale, type on iPad

johnalbin’s picture

Issue summary: View changes

Proposed resolution updated.

kristofferrom’s picture

I have a similar problem at http://nordicwaves.net, but this fix doesn't work - any other ideas?

kristofferrom’s picture

Sorry, fixed it by adding a min-width of 480px to responsive-sidebars.css