eddiemachado/bones — Issue #44: iPhone/iPad Landscape Issue – Not Responsive
Author: chadwickcole
Created: 2012-02-03 06:17:04+00:00
State: open

Hi Eddie,

First of all, thanks! I love using Bones for my responsive WordPress projects.

During my most recent project I was building a child theme from Bones and had an issue with iPhones and iPads not displaying properly when rotating the device to landscape mode. To be more specific, when you load the site first in portrait mode THEN rotate the device it would display the site larger than the viewport unless you double-tapped to fit. If you load the site the first time in landscape mode, there wasn't an issue until you rotated to portrait and then back to landscape.

This was very frustrating. I automatically assumed it was my child theme causing the problem so I switched to running Bones by itself. Same issue. After some agonizing trial and error with the media queries nothing was working. Then it hit me ... duh! It works initially but not after that (keyword "initially"). Turned out to be a simple fix.

I changed the viewport meta tag from:

Changing initial-scale to:

It now works perfectly! Just thought I would pass this along in case anyone else ran into this issue.

Cheers!