Html CSS";“缩放”;IE11中的行为

Html CSS";“缩放”;IE11中的行为,html,css,internet-explorer-11,Html,Css,Internet Explorer 11,我想通过CSS(如果不可能只使用CSS,则使用JS)将缩放因子应用于整个网页。这在任何现代浏览器中都很容易,我可以使用CSS规则,如: body {zoom: 75%;} 这在Chrome中正常工作,正如您在以下屏幕截图中所看到的:原始页面: 铬合金的刻度正确: 然而,不幸的是,我必须支持IE 11:// 同样的解决方案在IE 11中似乎不起作用:正如您所看到的,对页面主体应用缩放因子不会缩放内容,而是调整主体元素本身的大小,使其变小: 我尝试通过将正文的大小更改为大于100%的大小来进

我想通过CSS(如果不可能只使用CSS,则使用JS)将缩放因子应用于整个网页。这在任何现代浏览器中都很容易,我可以使用CSS规则,如:

body {zoom: 75%;}
这在Chrome中正常工作,正如您在以下屏幕截图中所看到的:原始页面:

铬合金的刻度正确:

然而,不幸的是,我必须支持IE 11://
同样的解决方案在IE 11中似乎不起作用:正如您所看到的,对页面主体应用缩放因子不会缩放内容,而是调整主体元素本身的大小,使其变小:

我尝试通过将正文的大小更改为大于100%的大小来进行补偿,但这会使正文恢复到完整大小,同时也会破坏页面布局(元素开始以奇怪的方式重叠/分离)

编辑:各种评论建议使用缩放,但我已经尝试使用了

transform: scale(0.75);
但这并没有在Chrome或IE中给出我想要的结果。使用
scale
我在两种浏览器中都获得了类似于屏幕截图3的结果,唯一的区别是在这种情况下,主体以白色矩形居中,而不是固定在左上角(我假设这是因为我没有使用
变换原点:左上
,如果我还加上,我得到的结果与屏幕截图3中的结果完全相同)

在IE中有什么方法可以做到这一点吗?理想情况下,我希望有与用户实际使用
CTRL+
CTRL-
缩放浏览器窗口相同的行为(这在IE中可以正常工作,并给出与第二个屏幕截图相同的结果)


编辑2:在可以测试的地方,只需按F12并尝试对body元素应用缩放<100%。在chrome中,整个页面将缩放,而IE中的body将缩小(注:在我的电脑上,打开IE开发工具时,此页面会使其挂起几秒钟,但只需稍等片刻,它们就会再次开始响应)

可能与@41726c重复:问题的答案是“改用转换”,但正如我在问题中指出的那样,这似乎不起作用……如果我使用它,我会得到与我的屏幕截图3相同的结果。你是否尝试使用-x-供应商前缀:-webkit-来实现它?如果没有,你可以在IE 11上试用。@Deepak MSFT:我试过了,但scale在Chrome和IE中都没有达到我想要的效果。我用进一步的方法更新了这个问题r关于转换:缩放方法的信息。如果您发布任何示例代码来产生问题,可能会更好。这样我们就可以对其进行测试,并尝试找到任何可能的解决方案或解决方法。