javascript - 为什么我的导航栏有时会根据加载/刷新/链接点击时的屏幕分辨率调整大小？

Question

相关网站可以在这里找到:

http://elitepools.ca/index.php

在大多数情况下，导航似乎工作得很好，但有时(尤其是当您刷新页面时)导航栏 (div id magic-line-two) 会扩展到占据屏幕的整个右侧。

我一直在努力解决这个问题，我能想到的最好办法是可能某种设置大小的 javascript 可能能够正确调整大小，但我仍然不完全确定为什么会这样，所以我希望在一些帮助下我可以隔离问题并从那里开始正确修复它。

**此外，这可能无关也可能不相关，但是一旦你回到 IE 版本。 7 页面分崩离析，但我很确定这是我的下拉菜单的问题，因为那是导航中出现问题的部分。

发生这种情况的浏览器:

Firefox(半正常)

Chrome(在页面刷新但不是链接点击)

Safari(在页面刷新但不是链接点击)

浏览器不会发生这种情况

IE 8+

歌剧

感谢任何花时间帮助我解决此问题的人，如果您不打算花几分钟时间查看问题并提供合法帮助，请不要发帖。

Answer 1

不能 100% 确定这是否是您设想的设计方式，但是

#magic-line-two {max-width:450px !important;}

在 firefox 和 chrome 中都可以正常工作。