原因:不知道是vue还是elementPlus会在页面最后添加一个iframe,这个iframe有1px的高度和10px的margin-top,底部出现白边。
因为这个iframe始终存在,所以即使把html和body的height设置为100%,白边仍然存在,而且可以看到很诡异的一幕:空白区域不在html的范围里面,如下图:
解决方案:在index.html中设置iframe的display为none。
(尝试过将该设置放在login.vue和app.vue中,无效果,未深入探讨原因)
iframe{
display: none;
}