我正在寻找几年前另一个 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 缩放进行缩放相同的问题。
所以......这必须是可行的,对吧?也许那里有一个图书馆来处理这个?