我有以下内容我想复制跨浏览器:
目前适用于Chrome。在页面加载或调整大小时,整个页面上的所有元素(即我的#wrapper的所有子元素)按比例调整大小。但是,它并不适用于所有浏览器。我读过缩放不一定是一个很好的选择,并且转换:scale(x)是首选选项。但是,我无法让它发挥作用。这是我的尝试:
我正在使用以下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一样的所有子项。
我做错了什么?是否有可行的跨浏览器解决方案?