javascript - 网站需要自动调整页面上每个元素的大小，例如图像和字体

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%;
}