为什么我的css网格在Chrome中不起作用（在所有其他浏览器中都起作用）
我已经设置了一个包含3列的css网格来显示我们的投资组合。我找到了一个Firefox、Internet Explorer和Safari的工作代码。但是在Chrome上，它并没有显示我的网格，所有的图片都在下面。见网址：http://www.ddw-sanitair.be
此外，它不接受“display：none”类的一些图片，因此双/三图像...
有什么建议吗？
我尝试添加网格自动行: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行的漂亮的反应网格（在浏览器视图中）。
共有1个答案
我希望您可以从以下站点获得ans：https://rachelandrew.co.uk/archives/2014/06/27/css-grid-layout-gett-to-grips-with-the-chrome-implementation/
-
问题内容： 我尝试在Firefox 15上使用，即使它在其他版本的Firefox和其他浏览器（例如Chrome和Safari）上也无法使用。 当我使用Firefox的检查器查看属性时，将被删除并显示错误“无效的属性值”。MDN和caniuse表示Firefox 4及更高版本支持该功能！ 怎么会有时性能喜欢和一些浏览器的工作和在其他无效？ 免责声明 ：这是所有问题的规范重复，可通过添加供应商前缀来完
-
问题内容： 我有这样的布局： 使用以下CSS规则： 我使用jQuery将类添加到没有其他类之一的扇区中，或者： 然后，我对该类应用一些不同的规则： 一切都可以在现代浏览器中完美运行。 但是看到jQuery中的选择器是基于CSS3的，我想我可以将其直接移到样式表中，这样我就不必依靠使用jQuery添加额外的类了。此外，我对支持IE的较旧版本并不感兴趣，其他浏览器也对选择器提供了出色的支持。 因此，我
-
问题内容： 这是我的代码 这段代码在IE8中工作正常，但是在Firefox和Chrome浏览器中却失败了。当我检查XHR对象时，它表示状态码为0。我检查了所有其他问题，没有一个问题可以帮助我识别问题。 让我知道，如果我在这段代码中做错了什么。如果$ .ajax有一些兼容性问题，请提出与其等效的建议。 更新： 我们在http://www.xml.com/pub/a/2005/12/21/json-d
-
问题内容： 在我制作的html页面中，我尝试使用html和css使div可点击。在一些主要的浏览器（Chrome，Firefox，Opera，Safari）以及HTC手机中，该功能都可以完美运行，但是当我尝试在Iphone上对其进行测试时，我发现它根本无法正常工作。复选框本身甚至无法选择。 这是我的代码（除了在Iphone上工作）： HTML： CSS： 因此，正如您所看到的，我使用的技术基本上只
-
问题内容： 我在使用SWT浏览器组件时遇到了一些麻烦。我正在运行带有Sun的Java SE 1.6的Ubuntu 11.04 AMD64和Eclipse 3.7 我的问题是我的浏览器无法初始化。当我使用SWT.NONE标志实现时，出现错误 然后当我尝试使用SWT.MOZILLA标志时，我得到 我怀疑这部分是因为我正在使用XULRunner2，但是我更喜欢使用WebKit，在Eclipse 3.7中
-
问题内容： 请考虑以下示例： 输出为：，并且省略号不出现。 我在这里想念什么？ 问题答案： 显然，添加： 也解决了这个问题。 另一种可能的解决方案是为表格设置，也将其设置为。