为什么文本内容相同，但是在chrome ie11中scrollwidth不相同，每个字符的width都不相同？

Question

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>

为什么会这样？

Answer 1

浏览器解析不一样，换个雅黑的就差不多