jquery - 使用 jquery 的 Chrome 上的 Flex 无法正确呈现

Question

我在 chrome 中遇到了某种类型的错误。在使用 jQuery 添加元素的嵌套 flex 中，布局无法正确呈现，直到在开发工具中单击关闭和打开任何 css 参数。我还没有找到在代码中复制开发工具复选框的方法。使用 javascript 更改 css 没有任何作用(我试过 jQuery.css()、elem.style、jQuery.addClass()、并在头部附加一个 style 标签)。

我试过这个问题的解决方案，但没有成功: Why does Chrome not properly handle flexbox items added with jQuery?

让它看起来正确的唯一方法是更改​​开发工具中的参数，或最大化/最小化 chrome 窗口。我不在乎解决方案是否有问题，我只是希望它能在 chrome 中运行。其他浏览器显示正常。

我附上了图像，显示了当我在开发工具中禁用和启用主体宽度时发生的情况。

Answer 1

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

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