使用jQuery调整div内的所有元素

Question

我用过这个 - >

$( document ).ready(function() {
$('#recorder').css('-webkit-transform', 'scale(0.75)');
});

将所有元素(图像等)的大小调整为其原始值的75%.它在Chrome(版本31.0.1650.63米)中运行良好,但在Firefox中,div似乎没有调整大小.

有什么方法可以让我在更多的浏览器中工作吗？谢谢.

Answer 1

Firefox不是一个webkit浏览器,所以不用担心

$( document ).ready(function() {
     $('#recorder').css({
         '-webkit-transform' : 'scale(0.75)',
            '-moz-transform' : 'scale(0.75)',
             '-ms-transform' : 'scale(0.75)',
              '-o-transform' : 'scale(0.75)',
                 'transform' : 'scale(0.75)'
     });
});

值得注意的是,jQuery在很多情况下都会为你做前缀,而transform应该是按预期工作的属性之一,所以只需使用即可transform.

$( document ).ready(function() {
     $('#recorder').css('transform', 'scale(0.75)');
});