模仿浏览器缩放Firefox的网页

Question

因此，我有一个网页，使用“ zoom”可以完美地在Chrome上正常运行，但是，众所周知，Firefox不支持该网页，因此...该找到解决方案了，因为该网页已全部在Firefox上搞砸了。我发现-moz-transform: scale(?)适用于Firefox。问题是我需要重新缩放整个网页，就像在浏览器中手动缩小时一样，使用此代码无法完成此操作：

html {
    -moz-transform: scale(0.7);
    -moz-transform-origin: 0 0;
}

https://jsfiddle.net/yozg2r0v/11/

我有一个提琴手，其html部分与我在文档中的内容有些接近，因此请原谅div的多余之处。我试图做一些应用先前CSS代码的事情，问题是页面本身变小，这意味着页面本身的限制会缩小。在Fiddler的示例中，框的大小会缩小，我不希望这样，我希望它适合屏幕。因此，我试图像这样阻塞x部分：-moz-transform: scale(1, 0.7);。问题在于这会拉伸内部组件，例如文本，图像等，这是正确的吗？

我的意思是，我可能使用了错误的方法，但是总而言之，我真正想要的是一种缩小效果，就像缩小浏览器时一样。如果立即在堆栈溢出时尝试，您会发现文本和页面内部变小，但是例如，顶部栏保持不变，这就是我想要的效果。

我可能出了点问题，所以请原谅无知，我不想称自己为Web开发人员（软件开发之苦）。

谢谢！