Search code examples
aframear.js

Video from camera set fixed dimensions on body and is damaging my responsive site

Hi I have a responsive website. All the DIVs container depend of their parents and I use a lot width and height 100%.

I see that Arjs is setting fixed dimensions to the body.

enter image description here

I thought that I did something wrong but in the official example is happening the same:

enter image description here

My goal is to have some html elements on front of the camera but the fixed dimensions are affecting my CSS. Is there a way to control this?

I tried this configuration for tests but I did not see any change:

arjs="sourceWidth:480; sourceHeight:480; displayWidth: 480; displayHeight: 480"
Solution

  • I have fixed it using position "fixed" in all my elements.