javascript - Electron 中的 Viewheight 单位与具有相同分辨率的两台不同笔记本电脑上的 Windows 缩放比例不一致

Question

CSS:

body {
      margin: 0;
      padding: 0;
      width: 100vw;
      height: 100vh;
      position: relative;
    }

    .example {
      position: absolute;
      width: 60px;
      left: calc(50vw - 30px);
      bottom: 20px;
    }

在我的个人笔记本电脑和目前我测试过的大多数笔记本电脑(1920x1080 分辨率)上，.example div 正确定位在距离窗口底部 20 像素的位置。

但是，我老板的笔记本电脑在屏幕底部显示的示例被 chop 了。它低于应有的水平。

启用 Window 的内置窗口缩放时，主体尺寸比 100vh 高。他将缩放比例设置为 150%。

当我在笔记本电脑上使用完全相同的设置(1080p，150% 缩放)时，一切看起来都应该如此。

这里是否还有其他因素在起作用？我不确定我还会遗漏什么。如果您需要更多信息，请告诉我。谢谢。

编辑:这是一个基于 Electron 的应用程序，它是全屏无框架的，如果它对任何东西有用的话。

Answer 1

这最终成为我的疏忽，实际上是一个 Electron 问题(不是 css)。我定义了一个最小的窗口大小，这意味着要被注释掉，所以由于没有足够的像素用于屏幕的高度，窗口本身被拉伸(stretch)到屏幕之外。