Maintain object position when scaling browser


How can i maintain my object position when scaling my browser window like on this site:

I want to keep the same width and height all time

What do you mean exactly? It’s already behaving as it should be!

1 Like

@Fennec: maybe the vertical resize is ruining the size?!?

(old demo of maintaining fixed size:


If you guys would like to know what the solution was, it had nothing to do with threejs.

Just a simple css hack with the wrapper placed position fixed and the canvas position absolute.

I’ve updated my codepen so you can take a look, pls feel free to optimise my code. I have a feeling that i overdo my code and it could be a lot easier/cleaner