Question

我有一个相当复杂的HTML DOM节点树，我想复制并显示在页面的其他位置，但是大小不同。即我想按比例缩放它。

我可以用

克隆它

copy = elem.cloneNode(true);

并且在附加到其他地方时工作正常。但它的大小相同。大多数元素具有绝对大小，重新生成其中一些内容来自库函数是不实际的。

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

Answer 1

在父母身上使用CSS，例如transform: scale(0.5)

Stack snippet

.original {
  background: red;
  width: 100px;
  height: 100px;
}

.scaled {
  transform: scale(0.5);
}

<div class="original"></div>

<div class="scaled">

  <div class="original"></div>

</div>

详细说明：