August 1, 2012 at 10:31 am #14915
I have been mobile optimising my site and it seems fine in everything but the horizontal mode in iphone 4s – is there a way to target this using css?
I am using choices theme if it makes any difference?
RAugust 1, 2012 at 2:49 pm #85463
I don’t have an iPhone 4s, yet looking through a simulator everything looks fine, so I am not sure what you are referring to.
There is an Iphone bug, triggered by a switch between portrait and landscape which causes landscape to overflow. If this is what you mean, you can try this: ( https://github.com/scottjehl/iOS-Orientationchange-Fix/tree/99c9c99d58e9aa51fd8eef46c245c69f98830ed6 ).
Try also loading this page ( http://jsfiddle.net/andresilich/SpbC3/4/show/ )using a real iPhone 4s and see if different background colors show when switching between portrait and landscape and view source to see which media query isolates the 4s in landscape.August 1, 2012 at 4:35 pm #85464
Thanks for the reply Nick.
I didn’t check if it loaded correctly in horizontal straight off just noticed it wasnt displaying properly when it switched from portrait. I don’t have one to test on again till tomorrow so will double check if it only happens when switching.
I couldn’t figure out what to with the link you sent… bit over my head.
Thanks in advance
RAugust 1, 2012 at 8:43 pm #85465
Sorry, when I read you were mobile optimizing, I got too technical. Please check if everything looks fine when you initially go to the website in landscape view, but becomes distorted if you change from portrait to landscape only, and we go from there.August 2, 2012 at 8:27 am #85466
To me mobile optimising means – playing around with the css: padding, positioning… :)
I have figured it out now, had the max width set to 480 instead of 478 managed to spot it using chrome and slowly decreasing the browser window width.
There is still the issue with the banner freezing when switching from portrait to lanscape. It might be easier to just remove the banner on smaller screens tho unless there is an easy fix?
Thanks for your help
RAugust 2, 2012 at 8:45 pm #85467
The topic ‘target iPhone 4s horizontal screen css?’ is closed to new replies.