브라우저는 getBoundingClientRect의 width 및 height 속성을 지원합니까?

서브 픽셀 정밀도가 포함되어 있기 때문에 방금 발견했으며 실제로는 getBoundingClientRect을 좋아합니다. -이는 경우에도 사용자 유형 Ctrl 키+ 또는 Ctrl 키 + 나 일관성 정렬을 만들 수있다.브라우저는 getBoundingClientRect의 width 및 height 속성을 지원합니까?

그것은 속성 top, bottom, left, right, & width & height 있습니다.

은 인터넷에서 브라우저 지원을 찾을 간단하지만 특히하여 width 및 height 속성에 대해 너무 많이하지. 사실 이후에 추가 된 것 같습니다. Firefox, Chrome 및 IE10에서 작동하지만 IE8은 무엇입니까 & IE9? 나는 이것들을 편리하게 시험 할 수 없다.

IE8로 IE9에서

출처

2013-07-16 George Bailey

당신이 사용할 수 IE10의 개발자 물건은 IE8 모드로 설정합니까? (나는 IE10이 그렇게 할 수있을 지 모르겠지만, IE8 모드의 IE9는 아마도 그와 비슷한 것을 얻을 것입니다.) – Pointy

'width'는'right-left'과 다른가요? – Pointy

* "개발자 용 도구 사용"* 역사적으로 IE의 F12 도구는 이전 HTML 및 CSS 파서를 정확하게 반영 할 수 있었지만 이전 JavaScript 해석기에서 정확하게 작동하지 않는 것으로 나타났습니다. –

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에 예라고 말하고 싶지만 ...

출처

2013-07-16 20:24:18 dandavis

IE 7은 너비와 높이를 지원하지 않습니다. janky 프로그래밍 경험에 대해 Microsoft에 감사드립니다. – Phil

우리는 IE8의 오른쪽 왼쪽이 정수 수학으로 수행되는 반면 IE9의 폭은 부동 소수점 수 있다는 것을 발견했습니다. 한 페이지에 두 개의 요소를 정렬하려고하면 픽셀의 절반이 상당히 커질 수 있습니다. –

브라우저는 getBoundingClientRect의 width 및 height 속성을 지원합니까?

답변

관련 문제