Start a new topic

Wikitude's AR interface can't adapt to Iphonex

1.project is a web project, packaged into IOSApp by cordova;


2.The cordova sdk is used in the project.;


3.The css in the project uses sacss;


4.Wikitude index.html is written like this:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover"><meta name="format-detection" content="telephone=no"> <meta name="apple-mobile-web-app-status-bar-style" content="default"><meta http-equiv="X-Frame-Options" content="deny">


According to the above method, the top and bottom of the IphoneX screen are not adapted when the Iphonex phone is running.

1 person has this problem



Is this the same issue as these two:

If so, I'd like to resolve this thread and we'll keep the discussion on the other threads.

Thx and greetings


1. Using Cordova SDK version is

2.  this is  just happening with iPhone X

3.this is  happening with the sample app and in your own app

4.The sample application also does not work with devices


Could you please provide the following details:

- Which version of the SDK are you using?
- what device does this happen with - Is this just happening with iPhone X
- is this happening with the sample app or in your own app? If it happens with your own app, does the sample app work on your device.
- Send the complete AR experience as zip file (incl. the html, css, js files, assets, target images)

Thx and greetings


Login or Signup to post a comment