Javascript css缩放在ie11中不起作用

我正在使用angular构建一个应用程序。它应该在平板电脑和触控设备上运行

我想为视力不好和手指笨拙的用户提供放大应用程序的功能。为此，我使用了一个脚本，，当用户单击缩放按钮时执行该脚本： 这是密码

<!--code start -->  
$scope.zoomLevel+= 0.1;

$('body').css({
   zoom: $scope.zoomLevel
});

$scope.zoomLevel+=0.1；
$（'body'）.css({
缩放：$scope.zoomLevel
});

这在chrome中非常有效，但在IE11中根本不起作用

我正在使用twitter引导、angular和jquery

在jsFiddle中测试时，我完全能够使用放大IE，因此我猜我或某个第三方库正在设置影响IE中缩放属性的属性

• 这可能是什么？

---

PS：我不介意它不在firefox中工作。此应用程序将始终在IE11中运行。

zoom属性是一个较旧的功能，今天确实不应该使用它。它的跨浏览器支持很差，不属于正式标准，因此我（IE团队的工程师）会鼓励您找到一种更符合标准的方法来继续前进

从版本9开始，Internet Explorer就支持CSS转换和缩放功能。此特定功能具有更好的跨浏览器支持，足以满足您的需要。我已经创建了一个小提琴，同时显示缩放和缩放，以确认体验中的相似性

小提琴：

在评论中进行了一些讨论之后，您指出了

zoom

和转换缩放之间的有效布局差异。如果您希望实现<代码> ZoOM跨浏览器的效果，我将鼓励您考虑在项目中使用<代码> EM >代码>或<代码> REM单元，并将字体大小继承作为缩放机制使用。

---

Fiddle:

您可能希望尝试使用

transform

属性来代替

scale（）

函数。scale（）的行为方式与此不同。它不会影响我的应用程序的布局。我需要它的行为就像使用浏览器缩放。此外，scale（）在IE11中也不起作用。正如我所说，这个应用程序有一个非常特定的硬件目标，所以我不介意跨浏览器问题，只要它在IE11中起作用。它在IE10中不起作用。它在Chrome中确实有效。变换的问题是整个亚像素精度可能会导致字体模糊，使用

zoom

Ok时这不是问题，也许我应该改为研究缩放。缩放的实现似乎因浏览器而异。但是我有这些问题：首先，下面的例子应该说明缩放和缩放是不同的：（仅适用于chrome）。缩放会影响布局，而缩放不会影响布局。我将如何以健壮的方式通过转换重新创建此行为？其次，在IE中，缩放在我的页面上不起作用。这可能是什么原因？@SimonBob Zoom不是标准，因此实现可能确实不同。也就是说，如果您正在寻找类似于缩放的东西，我建议您采用

em

或

rem

单位作为项目的标准，并使用

font size

继承来增加所有内容。关于你的项目；你有现场链接吗？@SimonBob上面答案中的第二个副手有帮助吗？