Skip to main content
A
anupds13-Aquamarine
13-Aquamarine
January 23, 2020
Solved

How to create a Experience compatible with all size devices (iPad, iPhone, Android) in Vuforia View

  • January 23, 2020
  • 1 reply
  • 1427 views

Hi All ,

Is there a way to create a AR Experience in Vuforia Studio which will be compatible to view in all size device like iPad , iPhones and Android Phone 

I have added some background-images in my 2D canvas with iPad size , it viewed perfectly in iPad but if I try to view the same experience in different size device like iPhone the background images get automatically crop 

All some of the 2D Widgets like toggle button with Images are not viewable properly also the arrangement of widgets are not properly placed 

Is there any solution to make this compatible with all size devices and view the same like it is in viewed in iPad 

Best answer by sdidier

Hello Anupds,

 

The solution is to use CSS stylesheet to control some settings for some screen sizes.

 

We can an example in these links :

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

and

https://stackoverflow.com/questions/21075983/how-to-use-particular-css-styles-based-on-screen-size-device/45695130

 

Best regards,

Samuel

1 reply

S
sdidier17-PeridotAnswer
17-Peridot
January 23, 2020

Hello Anupds,

 

The solution is to use CSS stylesheet to control some settings for some screen sizes.

 

We can an example in these links :

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

and

https://stackoverflow.com/questions/21075983/how-to-use-particular-css-styles-based-on-screen-size-device/45695130

 

Best regards,

Samuel

    A
    anupds13-AquamarineAuthor
    13-Aquamarine
    January 23, 2020

    Hi Samuel ,

    Thanks a lot for reply !

    I shall try this 

    Regards,

    Anup  

      Terms & ConditionsCookie settingsAccessibility statement