在 MS IE11 中启用全屏时无法滚动 <body>
Fid*_*l90 5 html css internet-explorer fullscreen html5-fullscreen
我有一个使用 Bootstrap3 具有固定页眉和页脚的页面。下面的内容是可滚动的。用户可以通过 F11 或按钮（使用 FullScreen-API）启用全屏模式。这在 Chrome 和 FF 中工作正常，但在 IE11 中出现问题。F11 全屏效果总是很好。但是使用 javascript 切换全屏模式会导致我的页面在使用 IE11 时被放置在顶部底部，并且宽度和高度缩小。我的页眉和页脚保持不变。
<body>
<header>Fixed</header>
<main>Scrollable</main>
<footer>Fixed</footer>
</body>
我创建了一个小小提琴，可以显示我在做什么。不幸的是，全屏不会在 JSFiddle 中切换，因此最好将代码复制到其他地方： https: //jsfiddle.net/j122kdju/
这是该网站的两个屏幕截图。我给 html 设置了绿色背景色，以查看通过 JS API 启用全屏时发生的情况。第一张图显示了 IE11 中没有全屏的页面：
第二个显示通过 IE11 中的 JS API 启用全屏：
我可以通过将 css 中的 html 宽度设置为 100% 来解决这个问题。无论如何，溢出的页面就不能再滚动了。滚动条不可见。如前所述，这在其他浏览器中运行良好。
有没有可用的解决方法？我在这里错过了什么吗？谢谢
编辑：也许相关：IE 在全屏模式下无法滚动
小智 0
您可以尝试将 html 宽度设置为 100%，如您所说，然后使用强制正文有滚动条
body {
overflow-y: scroll;
}