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

发布于 2024-11-18 02:39:06 字数 135 浏览 3 评论 0原文

我终于按照我想要的方式设计了我的 tumblr！背景图像是为仅在中心部分阅读的文本而构建的。唯一的问题是，当浏览器窗口小于最大化时，文本和标题都会进行调整，但背景保持不变。有谁知道如何在 html 代码中解决这个问题（具体细节会很好，我对此完全陌生）谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

笑脸一如从前 2024-11-25 02:39:06

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

You can do dynamic-resizing with javascript like this.

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

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

In this example I'm resizing the entire body element, but you could apply it to whatever columns and fields you want.

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

回复收藏 0 原文

~没有更多了~

关于作者

渔村楼浪

暂无简介

文章

26 人气

关注发私信

尘曦

文章 0 评论 0

关注

在梵高的星空下

文章 0 评论 0

关注

善良天后

文章 0 评论 0

关注

韬韬不绝

文章 0 评论 0

关注

qq_CgiN62

文章 0 评论 0

关注

不美如何

文章 0 评论 0

友情链接

文江博客

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（1）

关于作者

相关话题

热门标签

推荐作者

尘曦

在梵高的星空下

善良天后

韬韬不绝

qq_CgiN62

不美如何

友情链接

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（1）

关于作者

相关话题

热门标签

推荐作者

尘曦

在梵高的星空下

善良天后

韬韬不绝

qq_CgiN62

不美如何

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。