Html 背景图像要小到适合桌面尺寸吗？

嘿，朋友们，我注意到当我将屏幕宽度设置为2560px时，背景图像并没有拉伸整个屏幕的宽度，这是我假设的标准桌面屏幕大小。我不确定这是我第一次做媒体查询。我也不知道如何上传图片在这里或Imgur，让你可以看到它的行动。这是一张照片

同样，在so上发布的代码只是为了让我可以发布fiddle链接。我认为我必须这样做是相当愚蠢的，因为我发布fiddle链接的唯一原因是因为我有太多的代码要发布在这里

body，html{
保证金：0；
填充：0；
}
/*---标题---*/
李阿{
文字装饰线：无；
颜色：rgba（102102,0.75）；
}
标题{
背景图像：url（../img/wall2.jpeg）；
高度：100vh；
背景附件：固定；
背景重复：无重复；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
导航{
背景色：白色；
宽度：100%；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
位置：固定；
排名：0；
左：0；
z指数：2；
盒影：0px 0px 100px灰色；
}
保险商实验室{
右边距：30px；
边缘顶部：25px；
}
李{
显示：内联块；
字体大小：1.55rem；
右边距：20px；
字体系列：“Rajdhani”；
}
李娜：停下来{
光标：指针；
颜色：#1A1A；
过渡：所有0.7秒缓解；
}
.之后：之后{
位置：相对位置；
左：12px；
顶部：2个；
显示：内联块；
内容：“；
宽度：1px；
高度：20px；
背景色：rgba（102102,0.25）；
}
.标志{颜色：红色；
字体大小：3.7rem；
利润率：10px；
不透明度：1；
左边距：30px；
}
.短语{
文本对齐：居中；
}
.短语p{
颜色：白色；
字体大小：3.5rem；
字体系列：“Arvo”；
边缘底部：30px；
}
.短语a{
背景色：红色；
边界半径：25px；
颜色：白色；
字体家族：“苦”；
字体大小：1.8rem；
左侧填充：15px；
右侧填充：15px；
垫底：10px；
填充顶部：10px；
过渡：所有0.2秒缓解；
}
.短语a：悬停{
过渡：所有0.5s缓解；
背景色：#cc0000；
光标：指针；
}
.短语.fas{
显示：块；
颜色：白色；
字体大小：3.5rem；
边缘顶部：15px；
}
/*---允诺---*/
.统计数据{
宽度：100%；
显示器：flex；
盒影：0px 0px 150px灰色；
位置：相对位置；
z指数：1；
背景色：白色；
}
.统计组{
显示：内联块；
弹性基准：35%；
文本对齐：居中；
填充底部：30px；
}
.统计信息{
字号：2rem；
颜色：rgba（102102,1）；
字体系列：“Rajdhani”；
页边距底部：0；
边缘顶部：10px；
}
.统计数字{
颜色：红色；
字体系列：“Rajdhani”；
字体大小：3rem；
保证金：0；
字体大小：粗体；
}
.stats分区：以前{
显示：内联块；
内容：''；
宽度：2倍；
高度：35px；
背景色：rgba（102102,0.60）；
}
.保证{
宽度：100%；
背景图片：url（'../img/concrete.jpg'）；
背景位置：中心；
背景附件：固定；
背景尺寸：封面；
}
.承诺.包装{
宽度：100%；
背景色：rgba（0,0,0,0.3）；
}
.承诺h1{
位置：相对位置；
顶部：40px；
颜色：白色；
字体系列：“Arvo”；
字体大小：3.5rem；
文本对齐：居中；
边际上限：0；
字间距：7px；
文本阴影：0px 0px 100px灰色；
}
.承诺{
颜色：白色；
字体大小：1.8rem；
字体系列：“Rajdhani”；
页边距底部：0；
填充底部：60px；
文本对齐：居中；
边缘顶端：40px；
左侧填充：50px；
右边填充：50px；
}
/*---页脚---*/
.footer.wrapper{
显示器：flex；
}
.footer div{
显示：内联块；
弹性基准：33.33%；
字体系列：“Rajdhani”；
颜色：rgba（102102,1）；
边缘顶部：5px；
}
.页脚h1{
字号：2rem；
边缘顶部：15px；
}
.footer.inner{
左边距：55像素；
}
.社交，内心{
左边距：45像素；
}
.联系.内部{
左边距：35px；
}
.footer.inner：在{
显示：内联块；
内容：''；
宽度：27.1%；
高度：2倍；
背景色：rgba（102102,0.6）；
位置：绝对位置；
边缘顶端：54px；
}
.页脚h1跨距{
显示：内联；
位置：相对位置；
}
.页脚h1跨度：之后{
内容：''；
高度：2倍；
宽度：100%；
背景色：红色；
位置：绝对位置；
底部：0；
左：0；
}
.包装：之前{
内容：''；
宽度：100px；
高度：2倍；
背景色：红色；
位置：绝对位置；
边缘顶部：55px；
}
.链接a{
显示：块；
文字装饰线：无；
颜色：rgba（102102,1）；
字号：1.2rem；
位置：相对位置；
顶部：-10px；
过渡：颜色0.4s；
}
.链接a：悬停{
颜色：红色；
}
.联系p{
位置：相对位置；
顶部：-10px；
}
.社会一{
字体大小：1.7rem；
右边距：5px；
位置：相对位置；
顶部：-20px；
颜色：rgba（102102,0.7）；
过渡：所有0.4s缓解；
}
.社交一：悬停{
颜色：红色；
光标：指针；
}
#味精{
利润上限：-15px；
}
.页脚文本区域{
背景色：rgba（102102,0.2）；
大纲：无；
颜色：rgba（102102,1）；
调整大小：无；
宽度：89%；
}
.页脚按钮{
浮动：对；
保证金权利：9.5%；
利润上限：-17px；
边界：无；
字体系列：“Rajdhani”；
字号：1.2rem；
过渡：全部缓解0.4s；
大纲：无；
}
按钮：悬停{
光标：指针；
颜色：红色；
}
.黑暗{
颜色：红色；
}
.版权所有{
位置：绝对位置；
背景色：白色；
文本对齐：居中；
宽度：100%；
页边距底部：0；
字号：1.2rem；
垫底：4px；
}
/*-------媒体查询-------*/
/*---大型笔记本电脑---*/
@媒体屏幕和屏幕（最小宽度：1440px）{
/*---页脚---*/
.页脚按钮{
左缘：16.5%；
}
}
/*---笔记本电脑---*/
@媒体屏幕和屏幕（最大宽度：1024px）{
/*---导航---*/
.标志{
字体大小：3rem；
}
李海军{
字号：2rem；
}
/*---主要---*/
标题{
高度：100vh；
}
.短语p{
字体大小：3rem；
}
.短语a{
字体大小：1.5rem；
}
.stats p{
字号：2rem；
}
/*---页脚---*/
.footer.inner{
左边距：30px；
}
.页脚文本区域{
宽度：88%；
}
.页脚按钮{
右边距：10.25%；
}
.页脚h1跨距{
显示：内联；
位置：相对位置；
}
.页脚
header {
  background-image: url(../img/wall2.jpeg);
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}