浏览器支持getBoundingClientRect的width和height属性？

Question

我刚刚发现并非常喜欢getBoundingClientRect，因为它包含子像素精度。这使我能够创建一致的对齐，即使用户键入 Ctrl + 或 Ctrl + - 。 / p>

它包含属性top，bottom，left，right和＆amp; width＆amp; height。

在互联网上找到浏览器支持很简单，但对于width和height属性尤其如此。看来这是事后补充的。它适用于Firefox，Chrome和IE10，但是IE8和IE10呢？ IE9？我不能方便地测试这些。

Answer 1

在IE9中作为IE8：

document.body.getBoundingClientRect() 
[object] {
    right : 2556,
    top : 0,
    bottom : 1195,
    left : 0
} 

在IE9中作为IE9：

document.body.getBoundingClientRect() 
[object ClientRect] {
    bottom : 1435,
    height : 1435,
    left : 0,
    right : 2544,
    top : 0,
    width : 2544
} 

所以，我会在IE9上说“是”，在IE8上没有...