Поддержка браузером свойств ширины и высоты getBoundingClientRect?
Я только что обнаружил и очень люблю getBoundingClientRect
потому что он включает в себя субпиксельную точность. Это позволило мне создать согласованное выравнивание, даже если пользователь вводит Ctrl+ или Ctrl+-.
Имеет свойства top
, bottom
, left
, right
& width
& height
,
Это просто найти поддержку браузера в Интернете, но не так много для width
а также height
свойства в частности. Похоже, что это было добавлено после факта. Он работает в Firefox, Chrome и IE10, но как насчет IE8 и IE9? Я не могу проверить это удобно.
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...