固定元素的缩放行为因chrome而异

时间:2017-05-23 09:39:44

标签: javascript jquery html css

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

0 个答案:

没有答案