html 5画布在javascript调整大小后不调整大小

我制作的俄罗斯方块游戏有以下html和css：

html

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

当我尝试用下面的javascript调整它的大小时，什么都没有发生。我已经看到大多数其他关于调整DOM元素大小的StackOverflow问题都是这样回答的，但是这对我来说并不适用。我错过了什么

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

js

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 ;
}

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

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

---

从HTML标记中删除内联CSS：我指的是

中的
style=“width:400px；height:500px”>
。pps我投票决定关闭，因为这正是我想要的，奇怪的是，因为我认为我已经尝试过了。但是谢谢！