html - 从 CSS3 的 scaleY 变换中恢复空间

Question

我在一个 div 上做一个 scaleY，虽然它在视觉上按照我想要的方式工作，但页面仍然表现得像它的原始高度。我正在缩小它，不希望它上方和下方有空白空间。我知道我可能可以将它与负边距或其他东西一起破解，但我想知道是否有更好的方法，比如我不知道让页面自然地折叠到转换释放的空间中。

谢谢!

Answer 1

CSS 转换不会改变页面的布局，因此所有经过转换的元素将占用与未进行转换时一样多的空间。这就是转变之美。如果您想缩小元素并更改页面，那么您需要在元素上使用高度 CSS。