Html 我需要将divs max width设置为设备宽度

Html 我需要将divs max width设置为设备宽度,html,css,Html,Css,我有一个div,它只有在设置滚动的最大宽度时才能正常工作。我希望能够将css中的最大宽度设置为设备宽度,这可能吗?使用viewport.width之类的工具?试试看 div{ vw: 100; } 1vw=视口宽度的1% 1vh=视口高度的1% 1vmin=1vw或1vh,以较小者为准1 vmax=1vw或1vh,以较大者为准 在CSS中,您应该能够将最大值设置为%100。如果div嵌套,则可以设置绝对位置 html, 身体{ 填充:0; 保证金:0; 身高:100%; 宽度:100%;

我有一个div,它只有在设置滚动的最大宽度时才能正常工作。我希望能够将css中的最大宽度设置为设备宽度,这可能吗?使用viewport.width之类的工具?

试试看

div{
  vw: 100;
}
1vw=视口宽度的1%

1vh=视口高度的1%

1vmin=1vw或1vh,以较小者为准1

vmax=1vw或1vh,以较大者为准


在CSS中,您应该能够将最大值设置为%100。如果div嵌套,则可以设置绝对位置

html,
身体{
填充:0;
保证金:0;
身高:100%;
宽度:100%;
位置:相对位置;
}
.不嵌套{
显示:内联块;
最大宽度:100%;
}
.嵌套{
显示:内联块;
位置:绝对位置;
最大宽度:100%;
}
.一半{
显示:内联块;
宽度:50%;
}
未嵌套
此dis的最大宽度为100%,其中的文本将随着它的继续而不断换行。
嵌套
此dis的最大宽度为100%,其中的文本将随着它的继续而不断换行。

您可以使用100VW。宽度100%应该可以,但只要有内容(高度)。使用包装器概念可以最好地实现这一点。在你的body标签之后,用id wrapper做一个div,并给它100%的宽度。当我这样做时,它实际上设置了正确的大小,但是div框会漂浮在它周围的项目上方。。。如果我取下位置:A解决它的大小不正确..你能发布一些代码让我看看你在做什么吗?