在Firefox中使用CSS缩放时，元素保持原始位置

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

这在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中）：

有人知道怎么解决这个问题吗？或者可能是一种解决方法？

如前所述：

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

---

这就可以了。

如果绝对定位不是一个选项-并且知道相应的浏览器支持-

显示：具有
最小宽度定义的表格单元格
，应该需要，也可以执行此操作

例如，这有助于我在不同的屏幕分辨率上获得一行客户徽标的缩放效果。
我添加了-转换原点：0；但它仍然不起作用

在Chrome中，它以某种方式崩溃为-webkit转换原点：0

所以我把它改为-变换原点：左上；现在一切正常

完整代码：

-moz-transform: scale(50%);
-moz-transform-origin: top left;
-o-transform: scale(50%);
-o-transform-origin: top left;
-webkit-transform: scale(50%);
-webkit-transform-origin: top left;

添加
position:absolute
和
-moz-transform-origin:0
可能会有所帮助。这就成功了！谢谢：谢谢你发布这篇文章-你不想看到我在缩放后重新定位元素时所做的数学运算！如果我需要缩放整个身体，那么解决方案是什么？