css - 为什么我的 CSS 网格在 Chrome 中不起作用（适用于所有其他浏览器）

Question

我设置了一个包含 3 列的 CSS 网格来显示我们的投资组合。我找到了 Firefox、Internet Explorer 和 Safari 的工作代码。但是在 Chrome 上它根本不显示我的网格，所有图片都在彼此下方。见网站：http ://www.ddw-sanitair.be

此外，它不接受某些图片上的“显示：无”类，因此双/三图像......

有什么建议么？

我尝试添加 grid-auto-rows: 270px; 正如另一个线程中所建议的那样。我尝试添加 grid-template-rows: repeat(3, 1fr); 正如另一个线程中所建议的那样。

但这并没有改变 Chrome 中的任何内容......

.portfolio-group {
    position: relative;
    display:grid;
    align-items: start;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-auto-rows: 270px;

预期结果 = 具有 3 列和 3 行的良好反应网格（在浏览器视图中）。

标签： cssgoogle-chromecss-grid

Answer 1

我希望你能从这个网站得到答案：` https://rachelandrew.co.uk/archives/2014/06/27/css-grid-layout-getting-to-grips-with-the-chrome-implementation/