jquery - CSS 变换比例在 IE 中不起作用

Question

我正在使用 Jquery 和 CSS 缩放图像:

$('#Site img').css({
        zoom: CurrentZoom,
        '-ms-transform': 'scale(' + CurrentZoom + ')',
        '-moz-transform': 'scale(' + CurrentZoom + ')',
        '-o-transform': 'scale(' + CurrentZoom + ')'        
    });
    $('#Site canvas').css({
        zoom: CurrentZoom,
        '-ms-transform': 'scale(' + CurrentZoom + ')',
        '-moz-transform': 'scale(' + CurrentZoom + ')',
        '-o-transform': 'scale(' + CurrentZoom + ')'
    });

但它在除 IE 之外的所有浏览器上都能正常工作。

Answer 1

根据 msdn , 以确保最大兼容性，包括 transform 和 -ms-transform 是首选。

这只适用于 IE9+

对于 IE8<，检查 Matrix filter .