Css 调整大小时的渲染问题

我使用的是Bootstrap3.3.7，我使用标准的bootstrap类来创建菜单。我重新设计了它的样式，使颜色设置为白色，底色为紫色。最初加载页面时，一切正常。当我用鼠标缩小屏幕宽度时，我的菜单开始按预期折叠，但菜单似乎消失了。如果我停止缩小屏幕尺寸，然后将鼠标移到菜单应该在的位置，它就会回到视图中。因此，动作是有效的，菜单在移动时没有保持其配色方案。你在什么地方错过了一个把戏吗

---

如果我将屏幕尺寸调整为E767，使菜单上出现“汉堡包”按钮，我也会遇到同样的问题。我单击汉堡，直到我将鼠标移到菜单所在屏幕的左侧，才显示任何内容。

当您使用鼠标调整视口大小时，最终结果并不总是正确显示，因为javaScript正在处理该调整大小

尝试只使用给定的特定窗口大小：Ipad Pro、Ipad等。选择后使用CTRL+F5或CTRL+SHIFT+R进行硬刷新，然后告诉我问题是否仍然存在

---

此外，请检查bootstrap中的内置样式，当您在平板电脑或移动设备上时，它可能会更改。

codepen.io/bilpor/pen/gjRQgj

因此，在看到代码笔之后，这就是桌面结果。 这是我悬停在上面之前的菜单

这是我在元素上悬停后的图像

关于您的问题，请使用javascript代码仅在桌面上运行

$（文档）.ready（函数（）{
如果（屏幕宽度<1024）{
//影响导航栏的代码
}
否则{
警惕（错误！）；
}
});不知道为什么这被否决了。如果下层选民告诉我他们对我的问题有什么不喜欢的话，那会更有帮助。我将窗口设置为可以看到我的“汉堡包”菜单。在这一点上，我做了一个'硬'刷新浏览器。然后我按下了我的汉堡按钮。菜单仍然没有呈现在左边，直到我把鼠标移到那个区域，然后把所有的东西都按预期带回来。这种情况持续发生而非间歇性这可能是有关引导的问题。请在匿名模式下重试，看看这是否可能是缓存问题。另外，引导库在哪里？我正在使用cdn进行引导。maxcdn中的js和css都可以确保：在加载css之前，先将样式表复制粘贴到您的样式表中。将以下选项放在页面末尾附近，即结束标记的正前方，以启用它们。jQuery必须首先出现，然后是Popper.js，然后是我们的JavaScript插件。是的，目前的观点是正确的。3个终端选项都是这种颜色，因为它们目前是空链接。