CSS响应网格
我有一个由以下css定义的网格布局，有6个不同的网格区域需要填充。当我调整页面大小时，AreaCSS响应网格,css,responsive-design,responsive,css-grid,Css,Responsive Design,Responsive,Css Grid,我有一个由以下css定义的网格布局，有6个不同的网格区域需要填充。当我调整页面大小时，Areaf（占据整个页脚）似乎没有响应，但是所有其他元素的大小都很好。基本上，当我把浏览器缩小时，最下面的一行就消失了。这是我的密码： .wrapper{ 排名：0； 显示：网格； 网格模板柱：1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr； 网格模板行：1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr； 保证金：0自动； 填充：0自动；
f.wrapper{
排名：0；
显示：网格；
网格模板柱：1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr；
网格模板行：1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr；
保证金：0自动；
填充：0自动；
网格模板区域：“a a a a a b”“c c c b”“d d d d e”“d d d e”“f f f”；
左：0px；
右：0px；
位置：绝对位置；
利润上限：85px；
边缘底部：0px；
宽度：100%；
}
.项目1{
网格面积：a；
边框：1px实心浅灰色；
填充：0；
}
.项目2{
网格面积：b；
边框：1px实心浅灰色；
填充：0；
}
.项目3{
网格面积：c；
边框：1px实心浅灰色；
填充：0；
}
.项目4{
网格面积：d；
边框：1px实心浅灰色；
填充：0；
}
.项目5{
网格面积：e；
边框：1px实心浅灰色；
填充：0；
}
.项目6{
网格面积：f；
边框：1px实心浅灰色；
填充：0；
}
项目1
项目2
项目3
项目4
项目5
项目6
ff