首先,grid-template-rows可以设置网格容器的行高,通过定义行的大小,使得在不同屏幕上实现自适应变得容易。它的值可以是长度单位(如 px、em)、百分比或是auto,也可以使用关键字fr来表示可用空间的比例。例如,grid-template-rows: 100px 2fr auto;这行代码表示第一行高100像素,第二行占据剩余空间的两倍,而第三行根...
小结 grid-template-rows属性是定义网格容器中每一行的高度,用于确定网格的行数和每一行的大小。它可以使用长度、百分比、fr单位、自定义名称、限制范围和自适应大小等方式来定义每一行的大小。
现在无论是做app还是做网站，宫格的布局也是必然存在的，那么如何使用css实现自适应的九宫格布局呢？下面...