css - 在 Firefox 中使用 CSS Scale 时，元素保持原始位置

Question

在 Firefox 中使用缩放时，缩放元素会正确缩放。问题是，它的位置好像没有缩放。

这在 Chrome 中运行良好，可能在 IE、Safari 和 Opera 中也运行良好。这些浏览器都支持 CSS 缩放属性，而 Firefox 不支持。对于 Firefox，我使用 -moz-transform: scale(0.3);。

这是我的 CSS:

#overview .page-content {
    zoom: 0.3;
    -moz-transform: scale(0.3);
}

它应该是这样的(就像在 Chrome 中一样):

这是它不应该的样子(如在 Firefox 中):

有人知道怎么解决吗？或者可能有解决方法？

Answer 1

作为thirtydot提到:

position: absolute;
-moz-transform-origin: 0 0;

这样就可以了。