javascript - 使用 Bootstrap 在 Javascript 中强制页面缩放至 135%

Question

我正在使用 bootstrap 在高分辨率屏幕上编写一个网页，该屏幕看起来非常小(特别是 IE，chrome 似乎占用了更多的空白)。然而当我放大到 135% 时就完美了。有没有办法以编程方式将我的网页的缩放级别设置为 135%？ IE11 是标准浏览器，但交叉兼容性会很好。

谢谢

Answer 1

如果您在控制台中尝试 Keith 建议的操作 - document.body.style.zoom = 1.35，它似乎可以正常工作，但感觉很奇怪且具有侵入性，导致页面出现明显的抖动。此外，您发现 1.35 是完美的，但对其他人来说可能会有所不同 - 这就是为什么所有浏览器都有放大/缩小功能，让用户决定什么最适合他们的需求。

通过在页面渲染时通过 @media 查询应用于高分辨率屏幕的 css zoom 属性可以实现相同的效果:

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    body {
        zoom: 1.35;
    }
}

但同样，这通常被认为不是最佳实践。