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 回答