Chrome和IE以不同方式处理固定子元素的缩放。我有以下HTML:
<div id="wrapper">
Some Text
<div id="fixed">Test Element</div>
</div>
当通过CSS zoom
缩放包装器时,在IE中,#fixed
元素不会被缩放。但在铬合金中却是如此。在我的具体情况下,我希望在Chrome中也有IE行为,这可能会重新计算缩放,如下所示:
currentZoom = 1.5;
negativeZoom = 1 / currentZoom;
$('#fixed').css('zoom', negativeZoom);
然而,这会导致更多问题,因为此页面上发生了大量的拖放操作。是否有任何属性,如&#34;忽略缩放&#34;对于儿童元素?或者我错过的任何其他明显的解决方案?不幸的是,将#fixed
div从包装中取出是不可能的。对于所有想要试一试的人我准备了一点jsFiddle。