CSS规模用100％的宽度的元件(CSS Scale an element with 100% wi

我感兴趣的缩小与100％的宽度股利。 我有问题，是当我缩放元件从它得到一个固定的宽度，并且不再延伸的宽度的100％。

示例- http://jsfiddle.net/Fz7qh/2/

当我使用CSS变焦性能（相对于变换：比例）它正常工作，但我听到的是不能很好地支持变焦性能。 我的问题是这样可以用CSS来实现变换规模有多大？

Answer 1:

要效仿的zoom性能并在这种情况下，您可以添加-transform-origin: 0 0; 和所设定的width到oldWidth / newScale （ 100 / 0.7 ~= 142.857143 ）：

http://jsfiddle.net/thirtydot/Fz7qh/5/

div.zoomed {
    -webkit-transform: scale(.7);
    -webkit-transform-origin: 0 0;
    width: 142.857143%;
}​

文章来源: CSS Scale an element with 100% width