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

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

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

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

有没有一个整洁的方式,没有搞乱边缘等,所以缩放会影响其他div的定位？

解决方法

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

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

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

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

.scaleDiv{
    width:75px;
}

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