Jump to content

Cordova + iPhone X Display problems


Patrick_NoD
 Share

Recommended Posts

I'm having a problem getting a game exported to iOS with Cordova to display correctly on iPhone X. The exported game always shows up like this with the game pushed off to the left of the screen.

Screenshot

This is a blank Construct 3 project, no code added, it displays correctly on all iOS devices except iPhone X, I have tried adding the correct size launchimages in xcode, tried using storyboards, made sure all the constraints are set up correctly, I have viewport-fit=cover set in the meta tag.

Has anyone had any luck with Cordova projects on iPhone X yet? Any advice would be appreciated, thanks.

Link to comment
Share on other sites

  • 2 weeks later...

I think viewport cover just handles colour on the body element i.e. it isn't a real way to tell content to go 'behind' the notch.

Did you try removing the safe area? https://css-tricks.com/the-notch-and-css/ 

edit: actually, I think I'm wrong and that article implies `viewport-fit:cover` should be enough. I'm guessing Construct 3 uses JS functions for determining viewport size to determine canvas size (rather than CSS) and maybe the issue lies there with this new device.

Link to comment
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...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...