PureCSS.io - 纯网格(高度)在Firefox中显示不同

 迷雾飘渺2702932540 发布于 2023-02-07 16:52

我正在使用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产生相同的输出?

1 个回答
  • 由于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/

    2023-02-07 16:53 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有