使用Bootstrap强制页面在Javascript中缩放到135%

使用Bootstrap强制页面在Javascript中缩放到135%,javascript,jquery,html,twitter-bootstrap,zooming,Javascript,Jquery,Html,Twitter Bootstrap,Zooming,我正在用bootstrap在高分辨率屏幕上写一个网页,这些屏幕看起来非常小(尤其是IE,chrome似乎占据了更多的空白)。然而,当我放大到135%时,它就完美了。有没有一种方法可以通过编程将我的网页的缩放级别设置为135%?IE11是标准的浏览器,但是跨兼容性会更好 谢谢你如果你在控制台中尝试Keith建议的方法-document.body.style.zoom=1.35它似乎可以工作,但感觉很粗糙和侵入性,导致明显的页面弹出。此外,你会发现1.35是完美的,但对其他人来说可能不同——这就是为

我正在用bootstrap在高分辨率屏幕上写一个网页,这些屏幕看起来非常小(尤其是IE,chrome似乎占据了更多的空白)。然而,当我放大到135%时,它就完美了。有没有一种方法可以通过编程将我的网页的缩放级别设置为135%?IE11是标准的浏览器,但是跨兼容性会更好


谢谢你

如果你在控制台中尝试Keith建议的方法-
document.body.style.zoom=1.35
它似乎可以工作,但感觉很粗糙和侵入性,导致明显的页面弹出。此外,你会发现1.35是完美的,但对其他人来说可能不同——这就是为什么所有浏览器都有放大/缩小功能,让用户决定什么最适合他们的需要

同样的效果也可以通过页面呈现时通过@media query应用于高分辨率屏幕的css
zoom
属性来实现:

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

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

像dpi、dpcm和dppx这样的单位都直接以分辨率进行缩放,这将是缩放的替代方法


显示CSS中分辨率的不同媒体查询

您可以尝试类似->
document.body.style.zoom=1.35的方法