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%)时,一切看起来都应该正确。
这里还有其他因素吗?我不确定我可能还会错过什么。如果您需要更多信息,请告诉我。谢谢。
编辑:这是基于电子的应用程序,该应用程序全屏显示且无边框,如果对任何事情都有用的话。
答案 0 :(得分:-1)
这最终成为我的疏忽,实际上是电子问题(不是CSS)。我定义了要注释掉的最小窗口大小,因此,由于没有足够的像素来容纳屏幕高度,因此窗口本身被拉伸到了屏幕之外。