当应用程序在 1024x768 上加载时，浏览器缩放至 75%

Question

当浏览器在 IE 9 中缩放到 75% 时，我的应用程序看起来更好。

当分辨率为 1024x768 时。

我可以让 IE 9 浏览器缩放到 75%。

我尝试了媒体查询。

@media (min-width : 980px) and (max-width: 1199px) {
    .zoo {
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -ms-transform: scale(0.75);
        -ms-transform-origin: 0 0;
    }
}

在 body 中添加了这个 css 类。但是它不起作用

Answer 1

所以您想使用 CSS 和/或 JS 应用手动浏览器缩放？

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

---

替代方案：在页面加载时为用户提供模式窗口 指导他们如何手动放大/缩小，完成后关闭 缩放成功。

来源：

https://stackoverflow.com/a/30152402/2534513

Changing the browser zoom level