mariogarranz

iOS 8 landscape navigation bars

Recommended Posts

I'm developing a card game that is played in landscape orientation.

In iPhone the game goes full screen as soon as it is in landscape, but because cards to be played are positioned at the bottom of the screen, pressing on them triggers the appearance of the navigation top and bottom bars again. It is really necessary to have input in that area of the screen, so changing it is not an option.

Also, when these bars appear game doesn't rescale properly. I assume Safari is sending a wrong window.innerHeight value, because part of the game is still displayed behind the bottom bar. Is there any way to detect the actual visible area in this case?

How do you guys deal with iOS 8 safari in landscape?

Thanks in advance for any help :)

Share this post


Link to post
Share on other sites

Hi, I'm write script that listen change resolution and manual resize html body.
Also it needed set 100% height on bot html and body tag, position:fixed.
You must wait some time before resize your canvas.
 

Share this post


Link to post
Share on other sites

Hi, I'm write script that listen change resolution and manual resize html body.

Also it needed set 100% height on bot html and body tag, position:fixed.

You must wait some time before resize your canvas.

 

Thanks for your reply alagatar.

My main question is how do you detect the actual window size, since it seems to be returning a value that does include the part of the window covered by the bottom bar. I get from your message that if you add some delay after the resize this value is correct?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.