CSS缩放:获取继承的值

时间:2014-04-16 16:40:05

标签: javascript css css3

我有一个父元素,其css缩放值为0.5。

我有一个与我交往的子元素。除非我将子元素传递给父级缩放级别,否则我似乎无法弄清楚子级的继承缩放级别。

我想也许offsetWidth和clientWidth会有所不同,所以我可以弄清楚缩放级别使用的是什么,甚至可能是scrollWidth,但似乎没有任何改变;这可能是一件好事。但是,我仍然需要弄清楚孩子的缩放级别。

有没有办法做到这一点?我是否只需要跟踪父级缩放级别? (我知道有人会说,......“这有什么难的?”。所以让我回答并说这是一个插件,所以我不想知道或不得不关心父母。) / p>

http://jsfiddle.net/tRc9N/

$('#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;
}

0 个答案:

没有答案