So, when I make canvases, I like to set their width/height in CSS, because you can use screen relative units
vw, vh, %, etc..., but only setting the w/h with CSS isn't a good practice, as it only seems to resize the canvas visually (at least for me) and doesn't update it's resolution.
But when I try
<canvas width="10vw" height="10vh"></canvas>
it doesn't work (presumably because those aren't valid values). So how can I set the w/h both visually and contextually for the canvas in html?