jquery - 使用 jQuery 调整 div 中所有元素的大小

Question

我用过这个 -->

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

将所有元素(图像等)的大小调整为其原始值的 75%。它在 Chrome(版本 31.0.1650.63 m)中运行良好，但在 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 就足够了。

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