CSS显示网格高度问题。 3998px是网格的最大高度吗?

时间:2019-05-29 20:05:39

标签: html css css-grid

我遇到一个问题,其中网格只会将其高度扩展到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%;
}

0 个答案:

没有答案