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