桌面版Google Chrome浏览器中的视口尺寸大于显示尺寸

Question

背景：

我正在开发Node / Express / React中的应用程序，该应用程序特别需要在1920x1080px的显示屏上显示全屏。不需要任何响应，因为该应用程序将永远只存在于该屏幕上。布局中的所有内容均以像素完美的绝对和固定位置放置。

问题：

转到http://ryanve.com/lab/dimensions/，然后打开 Chrome DevTools ，然后激活设备工具栏。将模式更改为自适应，将尺寸设置为 1920 x 1080 ，然后将设备类型设置为移动。页面的视口部分中的值应反映1920 x 1080的尺寸。

现在，将设备类型更改为台式机。您应该看到这些值更改为新值。对我来说，它们是 2133 x 1200 。不过，您仍然可以看到 Device 部分中的值仍然正确。

侧面说明：DPR选项似乎对我没有任何帮助，但默认为DPR：0.9（碰巧是 1920 x 1080的比率到 2133 x 1200 ）。

这个问题意味着在我的实际应用程序中，所有元素都位于页面的左上方，周围有很多空白。

我的理解：

这与桌面上的视口大小以及桌面浏览器会忽略<meta name="viewport" />标签有关。奇怪的是，该问题在Firefox上仍然不存在； Chrome的视口大小似乎有些奇怪。

我的问题：

如何在视口大小等于显示大小的情况下使Chrome正常运行？或做这些像素完美的UI的最佳方法是什么？