Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #14915

    Hi,

    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?

    R

    #85463

    Hi,

    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.

    #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

    R

    #85465

    Hi,

    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.

    #85466

    Hi Again,

    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

    R

    #85467

    Hi,

    Besides installing that javascript file in the link i gave you, and even that may not be the right solution since there is no way for me to test it, perhaps working around the 4s bug may be the easiest. Apple is aware of the issue and should fix it.

    Thanks,

    Nick

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘target iPhone 4s horizontal screen css?’ is closed to new replies.