Jquery 如何在不缩放内容的情况下缩放div

我有一个div（id=“myDiv”），当div在css-scale下时，它的所有子项也在scale下。我需要放大div，但不需要放大孩子们，以一种“创造性的方式”我尝试了两件不起作用的事情。。 如何在不缩放div内容的情况下缩放div

HTML

<div id="myDiv">
<h3>Song</h3>
<p>
Strawberry fields forever
</p>
<div>

---

您需要向后计算子元素

例如，您在x轴上将div缩放200%…要将子对象减少回100%，您需要将其缩放到50%（0.5）

y轴也是如此300%…因此为33%（0.3）

CSS

.scaled { /* the parent */
    transform: scale(2,3);
    transform-origin:top left;
 }

.scaled * { /* the children */
   transform: scale(.5, .33); 
}

---

注意：正如您所看到的，还有变换原点问题以及您需要解决的其他间距问题。

如果缩放到0，内容将隐藏，如果缩放到负值，内容将翻转。子元素将始终从其父元素继承比例，因此将子元素的比例设置为1也没有帮助

---

如果可能的话，我建议您不要使用磅秤，而是尝试手动调整您的母尺寸。否则，您可以尝试缩放父div，但将您的孩子绝对放在其中（与父myDiv在同一个容器中）

正如Paulie_D所说，您的数学刚刚结束，而且，如果您不想出现间距问题，我会将div的内容包装到另一个div中，并控制该div的边距顶部，例如

<div id="myDiv">
    <div>
        <h3>Song</h3>
        <p>
            Strawberry fields forever
        </p>
    </div>
</div>

歌曲

永远的草莓地

---

这里有一个

你能提供一个JSFIDLE吗？

<div id="myDiv">
    <div>
        <h3>Song</h3>
        <p>
            Strawberry fields forever
        </p>
    </div>
</div>