Ich habe gerade entdeckt und mag getBoundingClientRect
, weil es Sub-Pixel-Genauigkeit enthält. Das hat mir erlaubt, die konsequente Ausrichtung zu erstellen, auch wenn der Benutzer Ctrl+ oder Ctrl +-.Browser-Unterstützung der Breite und Höhe Eigenschaften von getBoundingClientRect?
Es hat Eigenschaften top
, bottom
, left
, right
, & width
& height
.
Es ist einfach, die Browser-Unterstützung im Internet zu finden, aber nicht so sehr für die Eigenschaften width
und height
im Besonderen. Es scheint, dass dies nach der Tat hinzugefügt wurde. Es funktioniert in Firefox, Chrome und IE10, aber was ist mit IE8 & IE9? Ich kann das nicht bequem testen.
Können Sie die Entwickler Sachen in IE10, um es in IE8-Modus zu setzen? (Ich bin mir nicht sicher, IE10 kann das tun, aber IE9 im IE8-Modus würde wahrscheinlich so etwas richtig.) – Pointy
Auch ist "Breite" anders als "rechts - links"? – Pointy
* "Benutze den Entwicklerkram" * Historisch gesehen waren die F12-Tools im IE in der Lage, ältere HTML- und CSS-Parser korrekt wiederzugeben, aber ich habe bemerkt, dass es bei den alten JavaScript-Interpretern nicht genau funktioniert. –