html 背景图片无法随着网页大小调，出现了空白部分怎么改？

问题遇到的现象和发生背景

网页缩放时背景图片下方出现空白（如图）

问题相关代码，请勿粘贴截图

body {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(images/beijing.jpg) no-repeat;
    background-size: cover;
}

我的解答思路和尝试过的方法

搜过很多方法仍无解

我想要达到的结果

加上 html {height: 100%;}

background-size: cover;应该没问题啊，自动填充满容器，确认设置的body元素？

改成
background-size:100% 100%;
试试