Chrome上使用jquery的Flex无法正确渲染

我在chrome中遇到了某种类型的bug。在使用jQuery添加元素的嵌套flex中，布局不会正确呈现，直到在开发工具中关闭和打开任何css参数。我还没有找到在代码中复制dev tools复选框的方法。使用javascript更改css没有任何作用（我尝试了

jQuery.css（）

，

elem.style

，

jQuery.addClass（）

，并在头部添加了

style

标记）

我在这个问题上尝试过解决方案，但运气不佳：

使其看起来正确的唯一方法是在dev工具中更改参数，或者最大化/最小化chrome窗口。我不在乎这个解决方案是否有漏洞，我只想让它在chrome中工作。其他浏览器显示良好

我附加了一些图片，当我在dev工具中禁用和启用body width时，这些图片显示了正在发生的事情

---

经过研究，我找到了一个解决方案-将以下内容添加到嵌套flex容器的子容器中：

min-height: 0;
min-width: 0;