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分辨率(上,.examplediv的位置正确,距离窗口底部20像素。

然而,我老板的笔记本电脑在屏幕底部显示了被剪掉的例子。低于应有水平。

当启用Window的内置窗口缩放时,机身尺寸高于100vh。他将缩放比例设置为150%。

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

还有其他因素可能在起作用吗?我不确定我还能错过什么。如果你需要更多信息,请告诉我。非常感谢。

编辑:这是在一个基于Electron的应用程序中,它是全屏的,没有框架,如果这对任何事情有用的话。

这最终是我的疏忽,实际上是一个Electron问题(而不是css(。我定义了一个要注释掉的最小窗口大小,所以由于没有足够的像素来适应屏幕的高度,窗口本身就被拉伸到了屏幕之外。

相关内容

最新更新