Our scene looks great on load, but once we start resizing our browser window a bit, it's obvious something is off. In order to get our scene to adhere to the dimensions of our browser window, we must select our renderer and call its setSize()
function.
Then, to maintain our scene's aspect ratio, we must update our camera's aspect
property and call a function known as updateProjectionMatrix()
.
This video will show you how to do all of that, while giving you some general mobile-responsive tips with CSS.