I assume this is found elsewhere, but I couldn’t locate it.
When rotating an iPhone to landscape the Safari bar covers my banner / burger menu. Is there a way to force the top of the page to display beneath the bar without swiping?
I would caution against using this in any normal site (that is, not a web application). Try experimenting with different values in the initial-scale property.
Walter
On Apr 23, 2015, at 12:32 PM, Trey Yancy email@hidden wrote:
In terms of “initial” scale, is the scale something that might be affected by pinch resizing?
When swiping up, the button bar is hidden. This would mean that on initial view (with button bar) a header that shows up at a double the height of the button bar would display the lower half of the header. After swiping up it would need to scale to 100% and switch back and forth.
(I am used to doing this kind of thing in Lingo but I don’t have any Java chops and I’m not sure if this is doable in HTML. I suppose I could do this in HTML5.)
I only have my phone with me at the moment, but initial scale is one of the measurements you can add to the page in the phone/mobile part of the Page Inspector. There is also a max and min, if I recall correctly, but I don’t recommend changing those.
What you want especially on mobile is to set up the page so that it looks good at initial load, and the user doesn’t need to tap-zoom or pinch to change the scale. You don’t want to lock that out, either, but the less someone needs to do after the initial load, the better their experience will be.
Walter
On Apr 23, 2015, at 1:26 PM, Trey Yancy email@hidden wrote:
Thanks Walter,
In terms of “initial” scale, is the scale something that might be affected by pinch resizing?
When swiping up, the button bar is hidden. This would mean that on initial view (with button bar) a header that shows up at a double the height of the button bar would display the lower half of the header. After swiping up it would need to scale to 100% and switch back and forth.
(I am used to doing this kind of thing in Lingo but I don’t have any Java chops and I’m not sure if this is doable in HTML. I suppose I could do this in HTML5.)
When I rotate to landscape the button bar covers the banner art.
When swiping up, the button bar moves up and out of the way and the banner art is revealed.
When swiping down, the button bar moves down with the banner art below it.