我正在使用PureCSS的纯网格.我有pure-g
三个pure-u-1-3
,包含几个段落.问题是,当其中一个单元比其他单元长时,Chrome/IE和Firefox之间的显示会有所不同.
http://jsfiddle.net/f3YNe/3/
http://i.stack.imgur.com/VFVYu.png
我试图使用jQuery计算最高值pure-u-1-3
并将其余部分设置为此高度.但它没有像预期的那样工作,因为这个网格也必须响应(使用pure-g-r
)
有谁知道如何让Firefox产生相同的输出?
由于purecss 通过在每个浏览器中实现它来修复问题(v0.6 ),这个答案已经过时了.
您的问题是PureCSS正在-ms-display: flex
Internet Explorer和-webkit-display: flex
Webkit浏览器中使用.Opera,Firefox和(显然)较旧的IE都无法获得此解决方案.
要使它在Firefox(20+)和Opera中运行,您可以在样式表中应用以下内容:
.pure-g-r { display: flex; }
更多信息:http://css-tricks.com/using-flexbox/
这里有一个使用你的小提琴的例子:http://jsfiddle.net/f3YNe/12/