问题
I'm having problems with mozilla moz-transform scale property.
I'm looking for a replacement of the zoom property, which works fine in everything except firefox.
When I want to shrink the div, its "content" does shrink, but the size of the container stays the same, leaving a big gap around other content.
Is there any way I can force the container size to decrease as well?
To clarify I put a simple example here.
Open it in chrome and firefox, you will see the difference.
回答1:
The only solution I have got so far is to wrap it all in another div container, with fixed height.
Not really what I was looking for, but until someone finds a better solution, I think its the only way to go.
回答2:
Instead of mixing zoom and -moz-transform, why not use -webkit-transform for Chrome? Then you can adjust the height equally on all browsers.
来源：https://stackoverflow.com/questions/6347725/moz-transform-scale-decrease-div-size-problem