mobile layout resize issues

im new to threejs and this is my first project and im having trouble. the layout is working perfectly on bigger screens and laptops, when i open it in the tablet or mobile phone, that white thing appears, which i guess is caused by the address bar. please help out in resolving this, i tried everything and im unable to solve it. i have attached the github repo link https://github.com/PrajwalBM01/mark_1

I solve the problem by running a resize event handler and a timer. (resize is not always triggered reliably.)
If something changes, you have to reset the size of the canvas and renderer:

camera.aspect + camera.updateProjectionMatrix() + renderer.setSize + renderer.render

1 Like