All this time I worked on an app in a 800x480 resolution (popular phone resolution).

My canvas HTML:

```
<canvas id="main" width="800" height="480">

```

Now to make it fullscreen for other resolutions, I do the following after a resize event:

```
$('#main').css('height', window.innerHeight);
$('#main').css('width', window.innerWidth);

```

This works but the problem is I can't maintain the aspect ratio this way.
800x480 is 4:3, but if I run this app on a 5:3 phone, some things (especially circles) will look stretched.

Is there any way to make it look good on all resolutions without having to create a unique set of images and code for every aspect ratio?