为何Emoji在不同显示器上渲染尺寸超出CSS设置值？

Chrome #

• Mac笔记本显示器：Emoji按设置的font-size:16px实际尺寸渲染，刚好适配17px宽高的带边框容器
• 外接显示器：即便CSS设置font-size:16px，Emoji仍渲染为20px×20px，超出容器尺寸
• 将浏览器窗口在两台显示器间移动时，可直观看到Emoji尺寸发生变化

Safari #

无论在Mac笔记本显示器还是外接显示器上，Emoji均渲染为20px×20px，与设置的16px尺寸不符

示例代码 #

<div style="
      width: 17px;
      height: 17px;
      border: 1px solid black;
      display: flex;
      justify-content: center;
      align-items: center;
    ">
  <span style="font-size: 16px">✅</span>
</div>

内容的提问来源于stack exchange，提问作者wlf