2

我正在寻找几年前另一个 SO 用户的问题未解决的问题：IE8 在将 CSS 缩放值应用于 DIV 时不会缩放内容

这是示例：http: //jsbin.com/exicel

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

在此处输入图像描述

显然，Chrome 会根据需要对所有内容进行缩放。显然，IE8 还不够酷。

有什么体面的解决方法吗？我正在尝试在 IE8 中缩放父级，但这会导致我的布局出现其他问题。

我试过了：

  • 将目标元素包装在成为实际目标的“zoomWrapper”元素中。这工作起来还不错，但是 IE8 不会调整 zoomWrappers 框模型的大小，从而在页面上换行时导致很多奇怪的元素放置问题。
  • 使用 jQuery .scale() 和 .animate() - 缩放似乎是个好主意，但我实际上无法获得类似于缩放效果的结果。动画并不是那么有用。

  • 使用 DXImageTransform 缩放：

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

这完全扼杀了文本，同时具有与仅使用 CSS 缩放进行缩放相同的问题。

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

4

2 回答 2

2

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

  • Zoomooz
  • JS印象
  • zui53
  • Presenter.js

这些和许多其他人都尝试过并失败了跨平台缩放库

于 2013-09-26T12:52:58.900 回答
0

有些人已经成功地让 ms-zoom css 属性正常工作，请参阅：如何缩放 iframe 的内容？

于 2013-11-11T17:42:35.383 回答