Html 什么会导致Chrome上的CSS样式问题在切换“开发人员”选项卡时得到解决？

HTML和CSS相当大，因此我无法指出问题所在或发布一个好的示例。当我在UI中切换时，css样式似乎出现了中断，其中最令人不安的是背景变为灰色。我想知道是否有人遇到过类似的问题。以下是我的一些条件

-Chrome:Firefox和Safari运行良好

-小屏幕：在较大的显示器上不会出现问题

---

-打开和关闭开发人员控制台可以修复问题

在没有看到一些代码甚至是小提琴的情况下，很难尝试和确定问题，但是当您打开inspector时，页面正在调整大小，因此会重新绘制（至少部分）元素。也有可能是缓存问题-我相信默认情况下，当您打开inspector时，缓存被禁用，因此所有css和脚本都会再次下载。这就是说，如果你不刷新页面，它与检查员打开它不太可能是这样

当你打开inspector时，我的钱会在窗口上有效地调整大小，因此一些（如果不是全部）元素会被强制重新绘制，从而重新开发它们的样式

---

也许你可以使用Chrome的时间线来检查随着时间的推移正在画什么。尝试运行它并在其处于活动状态时打开inspector以尝试查看发生了什么。

看起来像webkit的一个长期缺陷（多年）：

吸引我的解决方案是：

$（'#body'）.hide（）.show（0）来自

强制重画。
任何答案都只是猜测。找出问题所在，如果仍然找不到问题，请发布。我以前遇到过这个问题。你能在开发工具打开的时候让它发生吗？如果您在另一个窗口中打开inspector，是否会发生这种情况？您是对的，窗口的大小调整是“修复”问题的原因。UI中的更改是通过主干路由完成的。我想我会研究一下主干网是如何处理状态变化的，以及CSS的重新评估是如何适应这种变化的。很好，它至少让你走上了正确的道路。祝你好运当什么都不突出时，可能会有点痛。