JavaScript库/技巧可以缩放以适合页面内容到视口？

Question

我有一个HTML / CSS屏幕，当在典型的笔记本电脑显示器上全屏显示时，它看起来/效果很好。

但是，它是使用静态大小和many-a-css / JS hack构建的。 这意味着在较大的显示器上打开它时，它看起来很小。

在更大的显示器上，如果我在浏览器中查看它，然后简单地放大两次（CTL ++），屏幕将再次看起来很完美。

是否存在一个基于视口高度控制浏览器缩放的JavaScript库？

它只需要适用于Firefox，但跨浏览器会很好。

我知道那是“ hacky”，但是在这种情况下完全可以。

我不认为这会花费太多的编码在我的一部分，但我敢肯定有优势情况下和繁琐位这儿，我想是因为放手这个，因为我可能可以。 即使是只有10套，我想如果有喜欢的库。

非常感谢。

编辑：我正在寻找一个这样做的JS库，最好不是一个函数。

Answer 1

它很hacky，需要jQuery ..但您可以使用：

if ($(window).height() > 800){
    $('html, body').css('transform', 'scale(2)');
}

Answer 2

您可以在两个不同的stackoverflow问题中找到答案：

1. 使用JavaScript获取浏览器视口尺寸
2. 更改浏览器缩放级别

在那里，您可以找到信息来构建一个javascript函数，该函数可以在需要时操纵缩放，例如：

(function(){
window.onload = InitializeWindow;

function InitializeWindow(){
    var viewPort = GetWindowViewPort();
    if(viewPort.width > 1400 and viewPort.height > 700) modifyWindowZoom(document.body, 200);
}
function GetWindowViewPort(){
    return {
        height: Math.max(document.documentElement.clientHeight, window.innerHeight || 0),
        width: Math.max(document.documentElement.clientWidth, window.innerWidth || 0)
    };
}
function modifyWindowZoom(domElement, percentage){
    domElement.style["zoom"] = percentage + "%";
}

}）（）;