我遇到这种问题, Flex布局在QQ浏览器中父级元素滚动条无法随着子元素高度增加而出现;
如图所示,子元素comment-item随着内容高度而变大时,父级元素history-comment的滚动条未及时出现,谷歌和火狐,Safari都是正常的,只有QQ浏览器有问题。
解决办法:
每个子元素下comment-item增加:
flex-shrink: 0;
这是因为默认情况下 flex-shrink 的值是 1,表示空间不够的时候等比例压缩,改成 0 就可以让愚蠢的 QQ 浏览器不做蠢事了,而其他浏览器也都没问题。