100%的Javascript或CSS修复程序<；部门>；这并不意味着'；缩放IE11时，不填充页面

我有一个滚动，应该填充页面的可见区域：

<div id=allcontent style="width:100%;height:100%;overflow:scroll">
   (all page content)
</div>

（所有页面内容）

当我使用ctrl+IE11进行放大时，在div的下方和右侧有额外的空间，在那里我可以看到背景色

我想调整“allcontent”div的大小，以便在IE放大时填充页面，但我找不到使用javascript获得实际页面大小的方法

是否有：

单击ctrl+后从IE11获取实际页面大小的方法，或

有没有一种方法可以指定CSS中的维度，从而使其与页面一起正确调整大小

我尝试了各种测量方法，如ocument.body.clientWidth，但没有发现任何适用于我的电脑外新可见区域的测量方法

更奇怪的是：页面缓慢滚动以掩盖（错误）暴露的身体颜色。

问题在于IE11的“自动缩放到视口宽度”功能。修复方法是将以下内容添加到我的CSS中：

@media screen {
  @-ms-viewport {
    width: device-width;
  }
}

微软：Internet Explorer。。。当窗口小于1024像素时自动缩放内容。。。如果不需要或不需要此自动缩放，则设备宽度关键字。。。表示页面已优化，无论设备的宽度如何，都能正常工作

---

我在中找到了答案。

这样做的原因是在Mac/Safari上有一个固定元素浮动在可滚动元素上。整个页面必须是可滚动的，否则在使用“按比例缩放”时，固定和非固定元素的滚动方式不同。