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中的转换应用于父容器。