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

我有一个页面，页面上放置了各种文本和图像。当用户调整其窗口大小（或用户的分辨率不同）时，设计需要按比例缩放所有内容。因此，我创建了这个jQuery函数，它在调整大小（或页面加载时）时触发，我查看到目前为止我在该页面上放置的每个元素，并根据纵横比调整大小。 像这样：

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

当我在页面上添加越来越多的内容时，它非常乏味。每个填充、边距、字体大小、宽度、高度等都需要根据该比率调整大小。 是否有jQuery插件或其他一些建议可以帮助实现这一点

---

谢谢。

这样想，当用户调整窗口大小时，JQuery运行一个函数

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

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

或者CSS中的简单方法

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

---

通常，这种行为是通过使用百分比/ems来实现的，而不是使用javascript来调整所有内容的大小。考虑百分比而不是固定的像素量。使用相对单位来调整所有内容的大小，然后只更改参考大小。有时当事情困难时，这意味着你做错了。阅读响应设计并重新开始，当你向页面添加其他元素时，只需使用上面的CSS设置宽度和高度。但这不仅仅是宽度和高度。这是填充、边距、字体大小等。到目前为止，我看到的答案仍然要求我有条理地设置调整大小的每个值。（我想）好的，就用我上面给你的css来做每件事吧