Html CSS-边框宽度，单位为em'；s

我有id=“example”的div，我设置了字体大小：14px，边框宽度：0.5em； 问题是，为什么浏览器中的边框宽度是6.4px而不是7px

var elt=document.getElementById（'example'）；
var width=window.getComputedStyle（elt）.borderTopWidth；
elt.textContent=宽度
#示例{
宽度：100px；
高度：100px；
字体大小：14px；
背景色：#000；
边框顶部：0.5em实心#ff00ff；
颜色：白色；
}
您使用什么浏览器？Chrome浏览器的哪个版本？我有Chrome 55，没有问题。我的mozilla浏览器有6.25px。键入CTRL-0以确保屏幕处于默认的缩放级别。当我放大几步时，我设法得到了6.4，当我缩小几步时，我得到了6.25，等等。