Css 如何使flexbox容器缩放我的页面?

Css 如何使flexbox容器缩放我的页面?,css,flexbox,Css,Flexbox,有没有办法使flexbox容器与窗口的大小相同?如果您希望某些元素、flex或vw的大小与窗口的大小相同,那么您需要查找视口单位,它们是vh和vw。 如果要达到窗口的高度,则需要height:100vh,如果需要窗口的宽度,则需要宽度:100vw 您也可以使用bouth。使用下面的代码段。这将使元素适合整个页面的大小 .flexbox容器{ 背景色:蓝色;//仅显示元素填充页面。 位置:固定!重要; 位置:绝对位置; 排名:0; 右:0; 底部:0; 左:0; 身高:100%; 宽度:100%

有没有办法使flexbox容器与窗口的大小相同?

如果您希望某些元素、flex或vw的大小与窗口的大小相同,那么您需要查找视口单位,它们是vhvw。 如果要达到窗口的高度,则需要
height:100vh,如果需要窗口的宽度,则需要
宽度:100vw

您也可以使用bouth。

使用下面的代码段。这将使元素适合整个页面的大小

.flexbox容器{
背景色:蓝色;//仅显示元素填充页面。
位置:固定!重要;
位置:绝对位置;
排名:0;
右:0;
底部:0;
左:0;
身高:100%;
宽度:100%;
}

要使flexbox容器与窗口大小相同,请向flexbox容器添加以下给定属性:

height:100vh;
width:100%;
*{
保证金:0;
填充:0;
}
.flexdiv{
高度:100vh;
宽度:100%;
背景颜色:浅绿色;
}

怎么样:
宽度:100%或<代码>宽度:100vw?似乎高度仍然是容器中元素的高度