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