代码之家 › 专栏 › 技术社区 › Dan

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

dom html javascript

Dan · 技术社区 · 6 年前

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

我可以复制它

copy = elem.cloneNode(true);

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

是否可以缩放整个节点层次,使其看起来相同,只是更小?

1 回复 | 直到 6 年前

T.J. Crowder 6 年前

transform: scale(0.5)

.original {
  background: red;
  width: 100px;
  height: 100px;
}

.scaled {
  transform: scale(0.5);
}

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

<div class="scaled">

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

</div>

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前