javascript - 子级的CSS变换比例 - 父级仍然占据相同的空间

Question

我使用 transform:scale3d(0.5, 0.5, 1) 缩放父容器中的子 div。这会缩放子 div，但父 div 最初占据的高度仍然相同。这个效果可以在这个jsfiddle中看到，使用开发控制台。有没有办法(通过 css 或 javascript)来缩小父高度？

由于实际用例要复杂得多，我无法将变换比例应用于父 div。

Answer 1

您可以使用 javascript 或 jquery 将类添加到父类。例如在 jQuery 中:

$('.child').parent().addClass('parent');

然后，您也可以将 CSS 中的转换应用到父容器。