Html 如何使整个布局适应窗口大小?

Html 如何使整个布局适应窗口大小?,html,layout,tumblr,Html,Layout,Tumblr,我终于按照我想要的方式设计了我的tumblr!背景图像是为中心部分中的文本构建的只读图像。唯一的问题是当浏览器窗口小于最大化时,文本和标题都会随之调整,但背景保持不变。有人知道如何在html代码中解决这个问题吗?如果有人知道,那就太好了,我对这个完全陌生,谢谢 您可以像这样使用javascript动态调整大小 var initialize = function() { var theBody = document.getElementById("bodyId");

我终于按照我想要的方式设计了我的tumblr!背景图像是为中心部分中的文本构建的只读图像。唯一的问题是当浏览器窗口小于最大化时,文本和标题都会随之调整,但背景保持不变。有人知道如何在html代码中解决这个问题吗?如果有人知道,那就太好了,我对这个完全陌生,谢谢

您可以像这样使用javascript动态调整大小

    var initialize = function() {
        var theBody = document.getElementById("bodyId");
        theBody.width = document.width;
    }

    window.onresize(function() {
        var theBody = document.getElementById("bodyId");
        theBody.width = document.width;
        });
在本例中,我调整了整个body元素的大小,但是您可以将其应用于您想要的任何列和字段

<body id="bodyId" onload="initialize()">
...
</body>

如果看不到你的代码,就很难修复它,对吗?有什么方法可以发送给你吗?它太长了,不适合放在评论框中,除非只有一个部分你需要看到该站点的链接,或者一个足够的链接。BrendansDetour.tumblr.com就是这个链接。希望这能有所帮助!