切换屏幕时，侧面导航栏（推动）会影响视频的宽度

Question

我有一个侧面导航栏，当启动时，它从侧面出来并推动主页的内容。除非我执行以下操作，否则所有操作均按预期进行：

1. 然后打开侧面导航栏，
2. 将浏览器窗口移至另一个屏幕/显示器（侧面导航栏仍处于打开状态），然后
3. 关闭侧面导航栏

我面临的问题是，当我关闭侧面导航栏（现在在第二个屏幕/显示器上）后，我拥有的英雄视频没有恢复到屏幕宽度的100％，因此无法保留其宽度旁边的导航栏，即视频宽度80％-而不是应有的100％。

我正在将videjs用于视频插件，因此无法提供代码。

我想尝试通过以下方法解决此问题，但是没有运气。

• 在侧面导航栏上按下关闭按钮时，它还会使用$（window）.width
计算当前窗口的宽度。
• 然后将其存储到变量中，例如windowWidthVariable
• 然后将此变量传递到$（'videoDiv）.animate（{width：windowWidthVariable）}

不确定我是否正在为此考虑正确的道路？我知道确定多台显示器的屏幕尺寸是一个很大的要求。

预先道歉，因为这很难尝试解释，因此希望这很有意义。