在IE8中模拟css放大 - 任何jQuery库，polyfill，什么？

Question

我正在接受几年前另一个SO用户的问题未解决的问题：IE8 doesn't zoom content when applying a CSS zoom value to a DIV

以下是示例：http://jsbin.com/exicel

以下是按“缩小”后IE8和Chrome的外观：

显然，Chrome会根据需要调整所有内容。显然，IE8并不是一个足够酷的孩子。

对此有任何体面的解决方法吗？我正在玩IE8中的父级缩放，但这会导致我的布局出现其他问题。

我试过了：

• 将目标元素包装在“zoomWrapper”元素中，该元素将成为实际目标。这样做很好，但IE8不会调整zoomWrappers框模型的大小，当页面上的东西换行时会导致很多奇怪的元素放置问题。
• 使用jQuery .scale（）和.animate（） - 缩放似乎是一个好主意，但我实际上无法判断与缩放效果类似的结果。 Animate并没有那么有用。

• 使用DXImageTransform缩放：

  $('.rackContentWrapper').css({
      'filter': 'progid:DXImageTransform.Microsoft.Matrix(M11=' + zoomValue + ', M12=0, M21=0, M22=' + zoomValue + ', SizingMethod="auto expand")',
  });
  

这完全屠杀文本，同时遇到与使用CSS缩放缩放相同的问题。

所以......这必须是可行的，对吧？也许有一个图书馆来处理这个？

Answer 1

这是不可能的。有几个人尝试过，但他们都无法在IE8中工作：

• Zoomooz
• JS​​Impress
• Zui53
• Presenter.js

这些和许多其他人尝试过并且未能制作跨平台缩放库

Answer 2

有些人成功地让ms-zoom css属性正常工作，请参阅：How can I scale the content of an iframe?