我遇到一个问题,其中网格只会将其高度扩展到3998px。
即使我硬编码设置为display:grid的div的高度,该div也会变大,但不会渲染低于3998px的网格项。
3998px看起来很多,但该网站包含大型照片画廊。
在台式机上这不是问题,因为不断扩大的色谱柱使该高度永远不会被击中。
但是在移动设备上,如果用户位于列表底部,则无法看到其图像,这将成为一个问题。
以下是我用于网格的CSS。也是指向存在此问题的网站的链接。对于视觉:http://smpl.city/events.php?eid=799
.events-page .grid {
background-color: #000;
display: grid;
grid-gap: 2px;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-auto-rows: 2px;
position: relative;
margin-bottom: 7em;
width: 100%;
}