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

[anupds]

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 

[sdidier · Accepted solution]

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

[anupds]

Hi Samuel ,

Thanks a lot for reply !

I shall try this 

Regards,

Anup