CSS變換孩子的比例 - 家長仍然佔有同一空間

我使用transform: scale3d(0.5, 0.5, 1)縮放孩子DIV在父容器。這會縮放子div，但父div最初佔用的高度仍然相同。使用dev控制檯，可以在jsfiddle中看到這種效果。有沒有一種方法（通過CSS或JavaScript）縮小父高度？CSS變換孩子的比例 - 家長仍然佔有同一空間

由於實際使用情況要複雜得多，我不能將轉換比例應用於父div。

來源

2014-05-19 Thomas Kremmel

子div裏面會是什麼？你需要指定的'width'和'height'嗎？ –

你可以使用javascript或jquery向父類添加一個類。例如在jQuery中：

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

然後，您可以將CSS中的轉換應用到父容器。

來源

2014-05-19 12:14:08

對不起，如果我誤解了這個問題 - 我認爲你「無法應用變換比例」，因爲你沒有選擇器。也許這不是原因？ –

感謝您的回答。由於其他原因，我無法應用轉換比例尺，因爲實際使用情況要複雜得多。 –

很難說沒有看到大局，最好的解決方案是什麼。我相信至少會有一個javascript解決方案。我的第一個猜測是，你可以使用JavaScript來獲取變換後的孩子的身高，然後使用該變量爲父母設置一個新的身高。 –

CSS變換孩子的比例 - 家長仍然佔有同一空間

回答

相關問題