请原谅我问得不恰当，我是这个站点的新手。我正在做Odin项目中的Etch-a-Sketch项目，你们中的一些人可能对它很熟悉。基本上，现在我要做的是使用jquery中的一个按钮调整一些div的大小，我想知道是否有可能用一个函数来设置这些div的CSS属性（高度和宽度），在这个函数中我使用一个jquery变量来设置新的大小。
当我单击“新建网格”按钮时，我希望它根据我在提示中输入的数字调整div的高度和宽度。
以下是我目前掌握的情况：

$("#new_grid").click(function() {

var height = 448 / size;
var width = 448 / size;
var resizePix = function() {
    $(".pixel").css({"height": ???, "width": ???});
        $(".pixel").appendTo("#grid");
    }

var size = prompt("Enter new grid size (10 - 100):");
    if (size < 10) {
        alert("Number is too small.");
    } else if (size > 100) {
        alert("Number is too big.");
    } else if (size >= 10 || size <= 100) {
        resizePix();
        }

我希望做的是让.pixel的CSS属性反映“size”变量，该变量来自单击按钮后在提示符中输入的任何数字。（我的容器div的高度和宽度，它包含我试图调整大小的div）乘以20，并使用该值来更改CSS的高度和宽度属性。
我的方法正确吗？我知道resizePix函数是有效的，因为如果我只是使用常规值来更改CSS，那么这些更改会在使用按钮时反映出来。我只是不知道如何使用height和width变量来更改CSS属性。