html - 如何只缩放外部 div 而不是内部 div

Question

我使用 -moz-transform: scale(3.2) 缩放 div，但我只想缩放外部 div 而不是内部的内容(其他 divc)那个分区。

这是我的代码

<div id="div1" style="-moz-transform: scale(3.2);" >
    <div id="div2">
        content
    </div>
</div>

这里我缩放了 div1，但是 div2 也缩放了。我只想缩放div1而不是div2，也就是说div2的内容还是会原样显示。

Answer 1

您可以添加 -moz-transform: scale(0.3125) 来偏移父比例。基本上 0.3125 = 1/3.2 其中 3.2 是应用于父级的比例因子。

<div id="div1" style="-moz-transform: scale(3.2);-webkit-transform: scale(3.2); transform: scale(3.2);" >
         <div id="div2" style="-moz-transform: scale(.3125);-webkit-transform: scale(.3125); transform: scale(.3125);">
             content
           </div>
  </div>