如何使用CSS缩放元素高度和宽度？

Question

有没有办法使用CSS来扩展元素。例如，如果我有图像，我该怎么说

img.height = image.height * 0.75  // scale down to 0.75

使用CSS？

Answer 1

试试这个：

div.zoomed { zoom: 0.75; -moz-transform: scale(0.75); }

应该适用于：Firefox 3.5，IE 5.5 +，Opera，Safari 4，Chrome

修改 您还应为Chrome和Safari添加-webkit-transform: scale(0.75);，但最新版本支持zoom

Answer 2

从CSS 2.1开始，您无法根据其他元素（包括其自身）尺寸更改一个元素的尺寸。

您必须使用JavaScript。

CSS3中的CSS变量可能是可能的。