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

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的位置正确地离窗口底部20px。

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

启用Window的内置窗口缩放功能时，主体尺寸大于100vh。他的缩放比例设置为150％。

当我在笔记本电脑上使用完全相同的设置（1080p，缩放比例为150％）时，一切看起来都应该正确。

这里还有其他因素吗？我不确定我可能还会错过什么。如果您需要更多信息，请告诉我。谢谢。

编辑：这是基于电子的应用程序，该应用程序全屏显示，没有任何框架，如果对任何事情都有用的话。

最佳答案

最终这是我的疏忽，实际上是电子问题（不是CSS）。我定义了要注释掉的最小窗口尺寸，因此，由于没有足够的像素来容纳屏幕高度，因此窗口本身被拉伸到了屏幕之外。

关于javascript - Electron中的视场高度单位与具有相同分辨率的两台不同笔记本电脑上的Windows缩放不一致，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53750490/