从 CSS3 的 scaleY 变换中恢复空间

Question

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

谢谢！

Answer 1

CSS 变换不会改变页面的布局，因此所有带有变换的元素都会占用与没有变换的元素一样多的空间。这就是转变的美妙之处。如果要缩小元素并更改页面，则需要在元素上使用高度 CSS。