Zen uses the following viewport tag:

<meta name="viewport" content="width=device-width">

There is an issue with Safari (io6 & 7 tested) where the viewport is set to 320 in portrait but will not change when rotating to landscape (and is essentially stuck in 320 zoomed mode in landscape)

The solution is to add "initial-scale=1.0" to the meta tag which kicks Safari into respecting the viewport change and your lovely responsive media queries:

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

See here for details: initial-scale=1 makes Safari iOS react to orientation change

Cheers,

Lee

Comments

JohnAlbin’s picture

Version: 7.x-5.4 » 7.x-5.x-dev
Status: Active » Closed (works as designed)