Question

我有以下内容我想复制跨浏览器：

目前适用于Chrome。在页面加载或调整大小时，整个页面上的所有元素（即我的#wrapper的所有子元素）按比例调整大小。但是，它并不适用于所有浏览器。我读过缩放不一定是一个很好的选择，并且转换：scale（x）是首选选项。但是，我无法让它发挥作用。这是我的尝试：

http://jsfiddle.net/AzfGp/20/

我正在使用以下jQuery来尝试让它工作：

 $('*').css({
        'transform', 'scale(' windowH / (540)' )'
        '-webkit-transform', 'scale(' windowH / (540)' )'
        '-moz-transform', 'scale(' windowH / (540)' )'
        '-ms-transform', 'scale(' windowH / (540)' )'
        '-o-transform', 'scale(' windowH / (540)' )'
    });

我正在使用'*'选择器，因此它会定位所有内容，因为变换：缩放不会自动渗透到像zoom一样的所有子项。

我做错了什么？是否有可行的跨浏览器解决方案？

如何进行CSS变换：缩放比如缩放？

0 个答案: