為什么文本內(nèi)容相同，但是在chrome ie11中scrollwidth不相同，每個(gè)字符的width都不相同？

chrome中

ie11中

代碼：

<div class="aa" style="width: 106px; 
    white-space:nowrap; 
    text-overflow:ellipsis;
    overflow:hidden;
    font-size:16px;
    letter-spacing:0px;
    font-family: sans-serif;
    padding: 0;
    margin: 0;
    line-height: 20px;">TestWorkShop11</div>
<div class="bb"></div>
<script type="text/javascript">
    var div1=document.getElementsByClassName("aa");
    var div2=document.getElementsByClassName("bb");
    div2[0].innerHTML = 'scrollWidth = ' + div1[0].scrollWidth + '   offsetWidth = ' + div1[0].offsetWidth;
</script>

為什么會這樣？