admin管理员组

文章数量:1626373

在浏览器IE，火狐，谷歌，360上使用flex布局都没有出现问题，但在QQ浏览器上运行时就出现了高度上的问题

/* 父级 */
.charts-box{
    flex-grow: 1;
    width: 100%;
    height: 100%;
}
.charts-tit-box{
    height: 50px;
    width: 100%;
    display: flex;
    font-size: 12px;
}
.charts-content-box{
    flex-grow: 1;
    width: 100%;
    height: 100%;
}

这时盒子的子元素高度就不对了，连IE浏览器都没问题，但QQ浏览器不行

在其他浏览器上flex-grow是有效的，但在QQ浏览器上下面的盒子的高度是100%，flex-grow并没有生效

经验证把flex-grow：1； height： 0；可以解决该问题

本文标签： 火狐布局器上混乱flex

版权声明：本文标题：flex布局在谷歌、火狐、360上正常，QQ浏览器上显示混乱 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1728947071a1181293.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。