css - 通过 css 将应用程序缩放到 80%

Question

我们使用的是开源应用程序，一切正常。我唯一不喜欢该产品的是它的布局和文字大小。如果我缩放到 80%(firefox 或 chrome browaer)，那么应用程序看起来很完美。由于我们的最终用户不太精通技术，我希望应用程序以 80% 缩放模式打开。

有什么方法可以在 css 或 jQuery 中完成。

我在下面试过

body {
    -moz-transform: scale(0.8, 0.8); /* Moz-browsers */
    zoom: 0.8; /* Other non-webkit browsers */
    zoom: 80%; /* Webkit browsers */
}

但没有帮助...这与在 Firefox 中执行 View -> 缩放 -> -- 不同

Answer 1

这对于 CSS 和/或 JQuery 来说确实是不可能的。手动浏览器缩放和 CSS zoom 属性的工作方式不同，会产生不同的结果。

来源: Changing the browser zoom level

---

备选方案:在页面加载时为用户提供一个模态窗口，指导他们如何手动放大/缩小，在成功缩放后将其关闭。