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

Try to set width in % :

<style>
Body{
   width:100%;
}
</style>

Answer 2

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

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

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

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

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

<强> HTML

＆＃13;

<div>Your Container</div>

＆＃13;

和CSS

＆＃13;

div {
        height:100vh;
    }

＆＃13;

这就是你所需要的一切。

以下是JSFiddle示例。

Answer 3

不是window.onload = body_width(w);

其window.onload = body_width;

Answer 4

此选项完美无缺。

＆＃13;

<script>
function body_width(w)
{

var w = screen.availWidth
var x = document.body;
x.style.width = screen.availWidth + "px";

}

window.onload = body_width;
</script>

＆＃13;

谢谢2 ivarz_LV

Answer 5

当我测试时，使用

body {
 height: 100%;
}

不起作用。尝试在style中使用它：

body {
 height: 100vh;
}

我认为使用vh会更好。

设置体宽，与客户窗口相同

5 个答案: