IE11中的CSS“缩放”行为

Question

我想通过CSS（或JS（如果无法使用CSS的话），将缩放因子应用于整个网页）。在任何现代浏览器中，这都将很容易，我只能使用CSS规则，例如：

body {zoom: 75%;}

这可以在Chrome中正常运行，如您在以下屏幕快照中所见：原始页面：

在Chrome中正确缩放：

但是，不幸的是，我必须支持IE 11：/
同样的解决方案在IE 11中似乎不起作用：如您所见，将缩放因子应用于页面主体并不能缩放内容，它会调整主体元素本身的大小，使其更小：

我尝试通过将主体的尺寸更改为大于100％的方式进行补偿，但这虽然使主体恢复到完整尺寸，但同时也干扰了页面布局（元素开始以奇怪的方式重叠/分离）

编辑：各种注释建议使用缩放，但我已经尝试使用

transform: scale(0.75);

但是这不能在Chrome或IE中提供我想要的结果。在两个浏览器中，使用scale可获得与屏幕快照3相似的结果，唯一的区别是，在这种情况下，主体以其周围的白色矩形为中心，而不是固定在左上角（我假设是因为我没有使用transform-origin: top left，如果我还添加了与截图3）完全相同的结果。

在IE中有什么方法可以做到这一点吗？理想情况下，我希望具有与用户实际上使用CTRL+或CTRL-缩放浏览器窗口相同的行为（在IE中可以正常工作，并提供与第二张屏幕截图相同的结果）

编辑2 ：sample page，您可以在此处进行测试，只需按F12键，然后尝试对主体元素应用<100％的缩放。在chrome中，整个页面都会缩放，而在IE中，主体会缩小（ps：在我的电脑上，此页面使IE dev工具在打开时会挂几秒钟，但请稍等片刻，它们将再次开始响应）