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

时间:2011-07-01 15:45:49

标签: html layout tumblr

我终于按照我想要的方式设计了我的tumblr!构建背景图像是为了使文本只在中间部分读取。唯一的问题是当浏览器窗口小于最大化时,文本和标题都会调整到它,但背景保持不变。有没有人知道如何在html代码中解决这个问题(具体情况会很好,我对此很新)谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用这样的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>