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

时间:2018-12-12 19:58:46

标签: javascript html css electron

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%)时,一切看起来都应该正确。

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

编辑:这是基于电子的应用程序,该应用程序全屏显示且无边框,如果对任何事情都有用的话。

1 个答案:

答案 0 :(得分:-1)

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