html - 应用 CSS 变换时影响其他元素：缩放

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;
}

这确实产生了你想要的效果。这不是很好笑吗？:)​</p>