Question

我用过这个 - ＆gt;

$( 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)');
});

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

1 个答案: