css - moz-transform scale减少div大小问题

Question

我在使用 mozilla moz-transform scale 属性时遇到问题。
我正在寻找缩放属性的替代品，它在除 Firefox 之外的所有内容中都可以正常工作。

当我想缩小 div 时，它的“内容”确实缩小了，但容器的大小保持不变，在其他内容周围留下了很大的空隙。

有什么办法可以强制容器尺寸减小吗？

为了澄清，我在这里举了一个简单的例子。
在 chrome 和 firefox 中打开它，你会看到不同之处。

Answer 1

到目前为止，我得到的唯一解决方案是将它全部包装在另一个 div 容器中，高度固定。

不是我真正想要的，但在有人找到更好的解决方案之前，我认为这是唯一的出路。

Answer 2

而不是混合zoomand -moz-transform，为什么不使用-webkit-transformChrome 呢？然后您可以在所有浏览器上平均调整高度。