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

Question

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

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

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

有没有一种巧妙的方法，不会弄乱边距等，以便缩放会影响其他 div 的定位？

Answer 1

不幸的是，这正是 CSS 2D 设计转换的方式。

\n\n

您真正想要做的是避免在此示例中使用 CSS 转换，而是使用另一个更简单的实现。

\n\n

我已经在这里为您完成了此操作：http://jsfiddle.net/yxYdd/4/

\n\n

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

\n\n

.scaleDiv{\n    width:75px;\n}\n

\n\n

这确实产生了你想要的效果。这不是很有趣吗？:)\xe2\x80\x8b

\n