使用jquery在Chrome上展示无法正常呈现

Question

我在chrome中遇到过某种类型的bug。在嵌套的flex中，使用jQuery添加元素时，布局无法正确呈现，直到在开发工具中单击任何css参数。我还没有找到一种方法来复制代码中的开发工具复选框。使用javascript更改css不会执行任何操作（我已尝试jQuery.css()，elem.style，jQuery.addClass()，并附加style标记。

我在这个问题上尝试过没有运气的解决方案： Why does Chrome not properly handle flexbox items added with jQuery?

使其看起来正确的唯一方法是通过更改开发工具中的参数，或最大化/最小化chrome窗口。我不在乎解决方案是否是hacky，我只是想让它在chrome中工作。其他浏览器显示正常。

当我在开发工具中禁用并启用体宽时，我附加了显示正在发生的事情的图像。

Answer 1

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

form.days