在javascript调整大小后，html 5画布没有调整大小

Question

我有以下html和CSS用于我正在制作的俄罗斯方块游戏：

HTML

<div id = "TetrisHolder">
  <canvas id = "TetrisCanvas" style = "width:400px; height:500px"></canvas>
</div>

CSS

div#TetrisHolder {
  display: table;
  margin:auto;
  background: black;
  border: solid black 3px;
}

canvas#TetrisCanvas {
  background: url(Resources/bg.png) no-repeat center;
  background-size: cover ;
}

当我尝试使用以下javascript调整大小时，没有任何反应。我已经看到大多数其他StackOverflow关于调整DOM元素大小的问题以这种方式回答，但它对我不起作用。我错过了什么？

注意：我知道我需要重绘画布上的内容，但我现在想要的只是调整它的大小。

JS

function resize() {
  canvas = document.getElementById("TetrisCanvas");
  ctx = canvas.getContext("2d");

  canvas.width = window.innerWidth*0.6;
  canvas.height = window.innerHeight*0.6;
}