【发布时间】：2020-03-29 21:03:38
【问题描述】：
它适用于 Firefox、Edge 和 Safari，但不适用于 Chrome。
例如，https://giovanniroverso.com/p_gal.php 在页面底部附近有一个网格库，它在 Chrome 中不显示，我不知道为什么。
请帮忙？
谢谢
【问题讨论】：
-
它可以在一个浏览器上运行，但不能在另一个浏览器上运行，听起来像是兼容性的原因。但真的吗？我在 Firefox 和 Chrome 上都打开了您提到的页面，但没有看到任何出现在 Firefox 上但在 Chrome 上透明的内容，能否请您记录一下您上面提到的差异？
-
问题是您在 img 元素上设置的百分比高度 (
max-height: 100%)。您尚未声明父引用，因此元素正在折叠。有关详细信息，请参阅副本。 -
它也在 chrome 上工作。
-
谢谢 Michael_B，这就是问题所在。问题是我将网格语句中的 .item div 定义为 250px
-
.container-gallery { grid-area: container-gallery; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-gap: 2em; align-items: center; object-fit: cover; margin: 2em; }
标签： css google-chrome grid gallery