我有一个父元素,其css缩放值为0.5。
我有一个与我交往的子元素。除非我将子元素传递给父级缩放级别,否则我似乎无法弄清楚子级的继承缩放级别。
我想也许offsetWidth和clientWidth会有所不同,所以我可以弄清楚缩放级别使用的是什么,甚至可能是scrollWidth,但似乎没有任何改变;这可能是一件好事。但是,我仍然需要弄清楚孩子的缩放级别。
有没有办法做到这一点?我是否只需要跟踪父级缩放级别? (我知道有人会说,......“这有什么难的?”。所以让我回答并说这是一个插件,所以我不想知道或不得不关心父母。) / p>
$('#result').text(
$('#child').width()
+ ' - '
+ $('#child')[0].offsetWidth
+ ' - '
+ $('#child')[0].clientWidth
+ ' - '
+ $('#child')[0].scrollWidth
+ ' - '
+ $('#child')[0].width
+ ' - '
+ $('#child').css('zoom')
+ ' - '
+ JSON.stringify(window.getComputedStyle($('#child')[0]))
);
<div id="parent">
<div id="child"></div>
</div>
<div id="result"></div>
#parent{
zoom:0.5;
}
#child{
width:50px;
height:50px;
background:blue;
display:inline-block;
}