PureCSS.io-Firefox中的纯网格（高度）显示不同

我使用的是PureCSS的纯网格。我有一个

pure-g

和三个

pure-u-1-3

，其中包含一些段落。问题是，当其中一个单位比其他单位长时，Chrome/IE和Firefox之间的显示存在差异

我尝试使用jQuery计算最高的

pure-u-1-3

，并将其余的设置为这个高度。但它并没有像预期的那样工作，因为这个网格也必须具有响应性（使用

pure-g-r

）

有人知道如何让Firefox产生相同的输出吗？

就像purecss（v0.6）一样，通过在每个浏览器中实现它，这个答案已经过时了

先前的答复： 您的问题是PureCSS在Internet Explorer中使用

-ms display:flex

，在webkit浏览器中使用

-webkit display:flex

。Opera、Firefox和（显然）较旧的IE都没有这个解决方案

要使其在Firefox（20+）和Opera中工作，您可以在样式表中应用以下内容：

.pure-g-r {
    display: flex;
}

进一步资料：

---

这里有一个使用小提琴的例子：

这已经被修复，并作为pure v0.6.0里程碑的一部分被接受。 可以在Github上的以下位置查看修复程序：

如果您使用的是0.6.0之前的纯软件，请添加

.pure-g-r {
    display: flex;
    flex-flow: row wrap;
}   

---

对你的css来说，它应该能让你的布局更美观。

这是个好问题。你有一个最小的小提琴来证明这个问题，所以我们不能要求更多。只有一件事：您尝试了什么，您使用了哪些工具来尝试和查明问题？@MrLister我使用jQuery解决了这个问题。但我的页面也必须有响应性。我可以使用

$（窗口）。在（'resize'）

，但我宁愿使用更好的解决方案。谢谢你的回答！它在Firefox中工作得很好，但现在Chrome是个问题。使用flex可使

pure-u-1-3

在Chrome 32.0.1700.76m中相互堆叠