網站需要自動調整頁面上每個元素的大小，例如圖像和字體

Question

我有一個頁面，頁面上放置了各種文本和圖像。 當用戶調整窗口大小（或僅具有不同分辨率的用戶）的大小時，設計需要按比例縮放所有內容。 因此，我創建了這個jQuery函數，該函數在調整大小（或頁面加載時）時觸發，然后查看到目前為止放置在該頁面上的每個元素，並根據寬高比調整它的大小。 像這樣：

    theWindow.resize(function() {
        resizeBg();
    }).trigger("resize");

隨着我向頁面中添加的內容越來越多，它變得非常乏味。 每個填充，邊距，字體大小，寬度，高度等都需要根據該比例進行調整。 是否有jQuery插件或其他建議對此有所幫助？

謝謝。

Answer 1

這樣想吧，當用戶調整窗口大小時，JQuery運行一個函數。

$(window).resize(function()
{
    var Width = $(document).width();
    var Height = $(document).height();

    $('body').css({"height" : Height, "width" : Width});
}

或CSS中的簡單方法，

body
{
    width:100%;
    height:100%;
}