Quando si utilizza un oggetto intervallo su getBoundingClientRect in IE11, esso riporta numeri errati. Segnala l'altezza come 128 mentre l'altezza effettiva è 74. Riporta l'offset superiore come 8 mentre l'attuale offset superiore è 35.getBoundingClientRect errato su un elemento intervallo in Windows/IE11
Si tratta di un errore noto? C'è un modo per ottenere numeri precisi per una selezione in windows ie11.
var div = document.querySelectorAll('div')[0];
var t = div.childNodes[0];
var range = document.createRange();
range.setStart(t, 0)
range.setEnd(t, 1)
console.log(range.getBoundingClientRect())
div.text {
font-size: 64px;
line-height: 1em;
}
<div class="text">T</div>
Ecco uno screenshot di riferimento:
Puoi provare la definizione di un font-family e riprovare. Assicurati anche che lo zoom del browser sia al 100%. –