javascript - 设置主体宽度，与客户端窗口相同

Question

我正在寻找的是一种使用 JAVA 将正文宽度设置为与客户端窗口相同的方法。我从 W3S 借来的这段代码，但在我的情况下不起作用 -

function body_width(w)
{

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var x = document.body;
x.style.width = w;

}

window.onload = body_width(w);

此外，我还为正文提供了 "style="width:;""

Answer 1

您尝试过使用 screen.availWidth 和 screen.availHeight 吗？

screen.availHeight 属性返回访问者屏幕的高度(以像素为单位)减去 Windows 任务栏等界面功能。

screen.availWidth 属性返回访问者屏幕的宽度(以像素为单位)减去 Windows 任务栏等界面功能。

可以使用 Viewport-Percentage Lengths 轻松完成:

视口(viewport)百分比长度与初始包含 block 的大小有关。当初始包含 block 的高度或宽度发生变化时，它们会相应地缩放。

HTML

<div>Your Container</div>

和 CSS

div {
        height:100vh;
    }

这就是您所需要的。

这里是 JSFiddle示例。