Html CSS转换源在firefox中不起作用

我有一个CSS问题；转换源在firefox中不起作用。该网站以chrome和safari为中心，而不是firefox

html {
transform: scale(0.9);
transform-origin: center top;
}

我的网站是

如果你能帮我解决这个问题，我将不胜感激。 事先非常感谢你

完整CSS

@media screen and (max-width: 1240px) {
html {
zoom: 0.9;
-moz-transform: scale(0.9);
-moz-transform-origin: center top;
}
}
@media screen and (max-width: 1140px) {
html {
zoom: 0.8;
-moz-transform: scale(0.8);
}    
}
@media screen and (max-width: 1005px) {
html {
zoom: 0.7; 
-moz-transform: scale(0.7);
}
}
@media screen and (max-width: 880px) {
html {
zoom: 0.6; 
-moz-transform: scale(0.6);
}
}

---

给出百分比而不是位置

变换原点：0%50%用于中间顶部。。还有一件事。
Firefox中的SVG元素不支持transform origin。有一些解决办法。链接：希望它对Firefox 41.x之前的SVGs有所帮助，它只在使用固定值时才起作用：

-moz-transform-origin: 25px 25px;
-ms-transform-origin:  25px 25px;
-o-transform-origin: 25px 25px;
-webkit-transform-origin:  25px 25px;
transform-origin: 25px 25px;

Firefox不会处理诸如“center”或“50%”之类的相对值。
转换原点始终是某些浏览器的兼容性问题。当你使用诸如中心、顶部、底部、左侧、右侧等关键词时，也会出现这种情况

尝试以像素为单位给出所有值。所有浏览器都能完全理解像素。如果您正在从随机原点为对象设置动画，那么您可以进入设计环境，找到原点所在的精确像素，并使用相同的精确值进行编码，以便始终精确并与所有浏览器兼容：）
要修复Firefox上的此错误，您可以使用：

变换原点：中心；
变换框：填充框；
在FF 48中，我无法修复它，不幸的是：（在FF 54中未固定，在FF中仍未固定57@IlyaStreltsyn同样，任何形式的灵活操作都无法正常工作。不幸的是，如果需要响应能力，您必须使用JavaScript。也许yoanm下面的想法可行，但尚未测试。如果您想使用htmlToPdf和Qtwebkit engine.Khaleel，这解决了我的问题，谢谢，我已经体验到了你所写的，转换不适用于Firefox中的SVG部分（mac上的54.0.1（64位））。