使DIV和所有子元素变小

Question

我想在我的设计中重新调整HTML的一部分.我需要将此更改作为动画发生.

DIV本身及其所有内部元素,即图像,段落,锚点等应该重新调整大小,就像重新调整具有恒定宽高比的图像一样.

我认为,该工具应该获取元素的当前高度和宽度并增加/减少它们,但它不适用于文本,实际上对于需要更改字体大小的文本元素.

我怎样才能在JS,CSS,HTML中做到这一点？

谢谢

Answer 1

您可以使用CSS transform:scale

.small {
  transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8); /* IE 9 */
  -webkit-transform: scale(0.8, 0.8); /* Safari and Chrome */
  -o-transform: scale(0.8, 0.8); /* Opera */
  -moz-transform: scale(0.8, 0.8); /* Firefox */
}

编辑:参考/学分:使用jQuery/CSS收缩/增长动画