I’m not getting good results. I’ve tried multiple variations of the “viewport” meta name. Some with device-width and some without but still having issues.
<meta name=”viewport” content=”width=device-width, initial-scale=.65, maximum-scale=1″>
This actually fixes it on the iPad 2 so that it looks great both in portrait and landscape.
Unfortunately it still won’t scale down for the iPhone 5 running iOS7.
And I’m worried that on things like the iPad 4 with retina display that it might look really small rather than filling the width of the viewport.
Is there no way to set it to be 100% width on any given device as the starting point?
The client is pretty picky about this so I may have to find a different theme! Which would stink given the hours I’ve put into it.
Any last minute thoughts?