Html 我的网页赢了'；不要在不同的屏幕大小上保持全屏，尽管使用了视口等

对于我的网页，我试图使其成为一个单页网站，适合所有屏幕而不滚动，但我的部分和导航和页脚之间有空白，因此我添加了此框大小代码：

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

它适用于我的桌面屏幕和s10 galaxy手机，但当我检查我的笔记本电脑时，页脚卡在类似“底部：10px”的位置，但当我使用inspect检查css时，它显示页脚的css位于底部：0；您可以通过代码段查看此错误，如果使用inspect并将宽度更改为>1000px，则可以查看此错误。在我看来，这可能与@media screen和（max width:1000px）有关，我将其设置为1000px，如果我更改section，class main的高度，它会将页脚移动到正确的位置，但对于不同的屏幕大小监视器，情况并非如此

如果删除框大小，则空格（不是填充或边距）位于我不需要的节标记上方，但页脚位于底部：0px。所以我100%的困惑。我的css是否有问题，或者我是否遗漏了一些可以解决所有问题的解决方案。任何帮助都会很好！提前感谢您的帮助

html，
身体{
保证金：0；
填充：0；
宽度：100%；
身高：100%；
字体系列：无衬线；
}
html{
框大小：边框框；
}
*,
*：之前，
*：之后{
框大小：继承；
}
梅因先生{
显示：网格；
证明内容：中心；
对齐内容：居中对齐；
文本对齐：居中；
身高：91.8%；
填料：10%5%；
左边距：自动；
右边距：自动；
}
海德纳夫先生{
背景色：rgb（0,0,0）；
颜色：白色；
字体大小：粗体；
z指数：100；
最大宽度：100%；
右：0；
排名：0；
左：0；
填充：10px 0px；
字体大小：20px；
显示：网格；
网格模板列：自动；
}
.homePG{
文本转换：大写；
文字装饰：无；
文本对齐：左对齐；
填充：10px 10px；
}
校长罗金{
显示：内联；
文本对齐：右对齐；
线高：5px；
网格间距：5px；
填充：0px 10px；
}
纳维孔先生{
显示：无；
文本对齐：右对齐；
颜色：蓝色；
填充：0px 10px；
}
#移动导航链路{
边缘顶部：10px；
填充：0px 5px；
显示：无；
文字装饰：无；
文本对齐：左对齐；
网格列开始：1；
网格柱端：3；
}
页脚{
位置：相对位置；
文本对齐：居中；
背景色：黑色；
颜色：白色；
填充：10px；
字体大小：15px；
底部：0；
}
@媒体屏幕和屏幕（最大宽度：1000px）{
#移动导航链路{
网格模板列：1fr；
}
梅因先生{
身高：91.5%；
}
.homePGh1{
字体大小：15px；
}
霍梅普格帕拉先生{
字体大小：13px；
}
校长罗金{
显示：无；
}
纳维孔先生{
显示：块；
}
}

知识是一种美德，是一种美德，是一种美德，是一种美德。
知识产权是一种社会责任，是一种社会责任，是一种社会责任。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
知识产权是一种社会责任，是一种社会责任，是一种社会责任。奥古斯特·因特杜姆·维利特·尤伊斯莫在佩伦茨克马萨市的一个酒馆里。Purus ut faucibus pulvinar elementum。Nunc sed
温文尔雅的自由派。非枕叶发酵液
知识产权是一种社会责任，是一种社会责任，是一种社会责任。奥古斯特·因特杜姆·维利特·尤伊斯莫在佩伦茨克马萨市的一个酒馆里。Purus ut faucibus pulvinar elementum。Nunc sed
温文尔雅的自由派。非枕叶发酵液
© 2020 

使用100vh和calc@frankfurt它不适用于移动设备，但适用于台式机/笔记本电脑。是否有移动设备的解决方法。