1

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

http://jsfiddle.net/AzfGp/19/

它目前适用于 Chrome。在页面加载或调整大小时，整个页面上的所有元素（即我的#wrapper 的所有子项）都会按比例调整大小。但是，它不适用于所有浏览器。我读过缩放不一定是一个好选择，而 transform: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)' )'
    });

我正在使用 '*' 选择器，因此它针对自 transform:scale 以来的所有内容：scale 不会像 zoom 那样自动渗透到所有子级。

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

4

0 回答 0