CSS 变换 : scale does not change DOM size?

Question

Container 变换后的 DOM 宽度是否与变换前相同？

为什么？

var theScale = aNumber;
var containerWidth = theContainer.width();
alert(containerWidth);

// and the other prefixes, as well
theContainer.css("-webkit-transform", "scale(" + theScale + ")");

containerWidth = theContainer.width();
alert(containerWidth);   // the same value ???

Answer 1

变换不会影响元素的布局——或者更准确地说是盒子模型。它们纯粹是装饰性的。来自spec :

Note: Transformations do affect the visual layout on the canvas, but have no affect on the CSS layout itself. This also means transforms do not affect results of the Element Interface Extensions getClientRects() and getBoundingClientRect(), which are specified in [CSSOM-VIEW].