Javascript 调整DOM节点层次结构的大小？

我有一个相当复杂的HTMLDOM节点树，我想复制并显示在页面的其他地方，但大小不同。也就是说，我想按比例缩放它

我可以用计算机克隆它

copy = elem.cloneNode(true);

当附加到其他地方时，它可以很好地工作。但是它的尺寸是一样的。大多数元素都有绝对大小，并且重新生成一些来自库函数的内容是不切实际的

---

是否可以缩放整个节点层次结构，使其看起来相同，只是更小？

在父节点上使用CSS，例如

transform:scale（0.5）

堆栈片段

。原版{
背景：红色；
宽度：100px；
高度：100px；
}
.缩放{
变换：比例（0.5）；
}

---

在父级上使用CSS，例如

转换：缩放（0.5）

堆栈片段

。原版{
背景：红色；
宽度：100px；
高度：100px；
}
.缩放{
变换：比例（0.5）；
}