css - moz-transform スケール減少 div サイズの問題

Question

mozilla moz-transform スケール プロパティに問題があります。
firefox 以外のすべてで正常に動作する zoom プロパティの代わりを探しています。

div を縮小したい場合、その「コンテンツ」は縮小しますが、コンテナーのサイズは同じままで、他のコンテンツの周りに大きなギャップが残ります。

コンテナのサイズも強制的に小さくする方法はありますか?

明確にするために、ここに簡単な例を示します。
Chrome と Firefox で開くと、違いがわかります。

Answer 1

これまでに得た唯一の解決策は、高さを固定して別の div コンテナーにすべてラップすることです。

私が探していたものではありませんが、誰かがより良い解決策を見つけるまで、それが唯一の方法だと思います.

Answer 2

zoomとを混在させる代わりに、Chrome に-moz-transform使用してみませんか? -webkit-transform次に、すべてのブラウザで同じように高さを調整できます。