html - 应用 CSS 变换时影响其他元素 : scale

Question

我在一个页面上有三个 div，它们并排 float 。使用 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;
}

这确实会产生您想要的效果。这不是很好笑吗？ :)