我有一個HTML/CSS屏幕，在典型的筆記本電腦顯示器上全屏顯示時看起來/工作起來很棒。

然而，它是使用靜態大小和many-a-css/JS hack構建的。這意味著當它在更大的顯示器上打開時，看起來很小。

在更大的顯示器上，如果我在瀏覽器中查看它，并簡單地放大兩倍(CTL ++ ),屏幕看起來又完美了。

有沒有基于視口高度控制瀏覽器縮放的JavaScript庫？

它只需要適用于Firefox，但跨瀏覽器會很好。

我知道這是“hacky ”,但在這種情況下完全沒問題。

我不認為這需要我編寫太多的代碼，但我確信這里有一些邊緣情況和復雜的細節，我會盡可能不去干涉它。即使只有10行代碼，如果有一個庫的話，我也更喜歡它。

非常感謝。

編輯:我在找做這個的JS庫，最好不是函數。

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

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

您可以在兩個不同的stackoverflow問題中找到答案:

如何獲取瀏覽器視口尺寸？ 更改瀏覽器縮放級別 您可以找到構建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 + "%";
    }
})();