当网格改变时，如何使网格内的所有div具有相同的大小？

Question

我有一个16x16网格的div，960是它们所在区域的高度和宽度，div通常是块56px * 56px，我想使div的大小响应网格大小的变化。 这是我用来改变网格大小的jquery代码

$('button').click(function(){
$('.unit').remove();

var rows=prompt("How many rows do you want?");
var collumns=prompt("How many collumns do you want?");
for(var x = 0; x < rows; x++) {
    for(var y = 0; y < collumns; y++) {
        var unit = $("<div class='unit'></div>");
        unit.appendTo('#container');
    }
}

$('.unit').css({
    width:function(){
        return (960/collumns);
    },
    height:function(){
        return (960/rows);
    }

});