JavaScript 库/技巧缩放以适应视口(viewport)的页面内容？

Question

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

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

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

是否有一个 JavaScript 库可以根据视口(viewport)的高度控制浏览器的缩放？

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

我知道这很“hacky”，但在这种情况下完全没问题。

我不认为这对我来说需要太多的编码，但我确信这里有边缘情况和繁琐的位，我正在尝试尽可能地放手。即使它只是 10 行，如果存在的话，我更喜欢图书馆。

非常感谢。

编辑:我正在寻找执行此操作的 JS 库，最好不是函数。

Answer 1

它是 hacky 并且需要 jQuery.. 但你可以使用:

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