为什么具有相同字体大小和行高的跨度在chrome和firefox中具有不同的渲染高度

Question

小提琴：

https://jsfiddle.net/so2n0a8s/1/

在FF上，渲染的跨度高度为18px，而在chrome上则为16px。

为什么差异以及如何在浏览器之间进行一致的呈现。

HTML：

<span>Different height span</span>

CSS：

span {
  font-size: 15px;
  line-height: 2;
  box-sizing: border-box;
}

编辑： 删除行高和框大小属性，因为它们似乎没有任何区别。 https://jsfiddle.net/so2n0a8s/2/