【发布时间】：2019-12-15 15:04:23
【问题描述】：
请注意 - 我是新来的，对一些 css-grid 的东西也很陌生。如果这不是 Stack Overflow 问题，请耐心等待。
我正在网站中实现 Slick jquery 滑块/轮播插件。但是，我需要轮播幻灯片（a）都具有完全相同的高度，并且（b）与具有最高内容的幻灯片具有相同的高度。当我尝试修改 css 以允许这样做时，我在 Firefox 和 Chrome 上得到了两种不同的响应
我已将插件的 css 直接复制到我正在使用的文件的 css 中（因此它只是本机 css 的一部分），因此我可以更好地控制它。
我已经从原始脚本 slick.css 文件稍微修改了这个新粘贴的 css，但仅通过在 .slick-list 选择器上将 display: none; 修改为 display: grid; 之一。这涉及 Firefox 上的问题，但不适用于 Chrome。
我使用的所有代码都位于此处。我在.slick-list 选择器中添加了一行代码background-color: red;，以说明比最高幻灯片短的幻灯片应该占用的空间：https://codepen.io/kyleshepherddev/pen/eqMOxm
我不确定我在期待什么 - 我使用的 css 可能不是解决问题的正确方法。我们有一个客户在他们的网站上使用了这个插件，我正在四处寻找究竟如何修复它。滑块的内容在不同的幻灯片之间会发生一些变化，因此我们的目标是使所有幻灯片的高度与内容最多的幻灯片相同。
像 Firefox 中的魅力一样工作；在 Chrome 中根本不起作用。
【问题讨论】：
-
请在问题本身中发布重现问题所需的所有代码。
-
我应该粘贴我链接的codepen中已经存在的所有代码吗？ （我是新来的，所以这是一个严肃的问题。）
-
如果有一天 codepen 不复存在，你的演示就会死掉，你的问题在这里变得毫无用处。是的，将您的代码包含在问题本身中以确保帖子的长期可行性始终很重要。 （也就是说，codepen 和 jsfiddle 演示是对问题的很好补充。）
标签： javascript css google-chrome firefox css-grid