CSS网格不'；不适用于Chrome，但适用于其他浏览器

它适用于Firefox、Edge和Safari，但不适用于Chrome

例如，在页面底部附近有一个网格图库，它没有在Chrome中显示，我不知道为什么

请帮忙

---

谢谢

我更改了最大高度：100%；高度-100%。这就解决了

---

再次感谢米卡赫勒

它可以在一个浏览器上工作，但不能在另一个浏览器上工作，这听起来像是兼容的原因。但真的吗？我打开了你在Firefox和Chrome上提到的页面，没有看到Firefox上出现的任何东西，但在Chrome上是透明的。你能带上你上面提到的差异吗？问题是你在img元素上设置的百分比高度（

max height:100%

）。您尚未声明父引用，因此元素正在折叠。查看副本了解更多详细信息。它也在chrome上工作。谢谢Michael_B，这就是问题所在。问题是我将grid语句中的.item div定义为250px

.container gallery{网格区域：容器库；显示：网格；网格模板列：repeat（自动调整，最小值（250px，1fr））；网格间距：2em；对齐项目：居中；对象调整：封面；边距：2em；}