Html window.innerWidth根据浏览器提供不同的大小

我有一个问题，JavaScript变量window.innerWidth根据浏览器给出不同的大小。Firefox为我提供了

1847

、Opera

1364

和Chrome

1412

，如果我全屏显示的话。我能理解一些像素，但不是这么多

所以我做了一些测试，发现在所有浏览器中，

500px

的宽度都不一样。。。最简单的html将产生3种不同的结果：

你知道为什么会这样吗？当然，我确保没有放大任何浏览器。所有这些都设置为100%。如果我测量一下Firefox的屏幕截图，它显示的是实际的500px