应用CSS变换时影响其他元素：scale

Question

我在页面上有三个div，它们并排浮动。使用css scale方法，我将最中间的div缩放到0.5。这很有效。

唯一的问题是缩放div不会影响其他div的位置。看起来像缩放的div仍然有一个原始比例的隐形容器。期望的结果是在缩放后，边距保持不变。

我添加了一个例子：http://jsfiddle.net/yxYdd/3/（实际上，最中间的div充满了许多其他元素）

有没有一个简洁的方法，没有搞乱边距等，所以缩放会影响其他div的定位？

Answer 1

遗憾的是，这就是CSS 2D如何通过设计进行转换的方式。

你真正想要做的是避免在这个例子中使用CSS变换，而是使用另一个更简单的实现。

我在这里为你做了这个：http://jsfiddle.net/yxYdd/4/

您真正需要的唯一变化是：

.scaleDiv{
    width:75px;
}

哪个产生你想要的效果。这不好笑吗？ :)