Html 背景图像不是'；t显示全分辨率

我有一个大约1200（宽）x 800（高）的背景图像，但我只想使用整个100%的分辨率。我在这个div容器中有一个按钮，但它没有正确显示。背景图像无法扩展到其全分辨率。看起来它的显示量只够让按钮显示

.endFoot{
背景图像：url（'https://via.placeholder.com/900x900');
背景尺寸：封面；
宽度：100%；
身高：100%；
}
.自定义按钮{
位置：相对位置；
底部：0；
左：41%；
填充：25px 35px；
字体大小：16px；
光标：指向；
文本对齐：居中；
文字装饰：无；
大纲：无；
颜色：#fff；
背景色：#AB0002；
边界：无；
边界半径：15px；
}

---

这与背景图像未展开无关。您的div不够高，无法显示更多图像。在图表之外，您希望在

.endFoot

中添加一些填充

背景尺寸：封面是一个很好的选择，但是你也可以考虑把位置定在“代码>后台位置：50% 50%；代码>


.endFoot{
背景图像：url（'https://via.placeholder.com/900x900');
背景尺寸：封面；
背景位置：50%50%；
宽度：100%；
背景重复：无重复；
填充：400px0；
身高：100%；
}
.自定义按钮{
位置：相对位置；
底部：0；
左：41%；
填充：25px 35px；
字体大小：16px；
光标：指向；
文本对齐：居中；
文字装饰：无；
大纲：无；
颜色：#fff；
背景色：#AB0002；
边界：无；
边界半径：15px；
}
这与背景图像未展开无关。您的div不够高，无法显示更多图像。在图表之外，您希望在
.endFoot
中添加一些填充

背景尺寸：封面是一个很好的选择，但是你也可以考虑把位置定在“代码>后台位置：50% 50%；代码>


.endFoot{
背景图像：url（'https://via.placeholder.com/900x900');
背景尺寸：封面；
背景位置：50%50%；
宽度：100%；
背景重复：无重复；
填充：400px0；
身高：100%；
}
.自定义按钮{
位置：相对位置；
底部：0；
左：41%；
填充：25px 35px；
字体大小：16px；
光标：指向；
文本对齐：居中；
文字装饰：无；
大纲：无；
颜色：#fff；
背景色：#AB0002；
边界：无；
边界半径：15px；
}
如果希望endFoot div与背景具有相同的高度，只需将高度设置为800px，因为在这种情况下100%不会改变任何东西。
同时将endFoot位置设置为relative，以便将botton设置到正确的位置。
如果希望endFoot div与背景具有相同的高度，只需将高度设置为800px，因为在这种情况下100%不会改变任何内容。
同时将endFoot位置设置为relative（相对），以便将botton设置到正确的位置。
如果要实现全屏背景，请尝试：

.endFoot {
  width: 100vw;
  height: 100vh;
}

有关vh和vw装置的浏览器支持信息，请检查：
如果您试图实现全屏背景，请尝试：

.endFoot {
  width: 100vw;
  height: 100vh;
}

有关vh和vw单元的浏览器支持信息，请检查：
只需将文本对齐：居中添加到。endFoot类用于制作居中按钮，将一些边距添加到。customButton类用于在底部留出一些空间


.endFoot{
背景图像：url（'https://via.placeholder.com/900x900');
背景尺寸：封面；
背景位置：50%50%；
宽度：100%；
背景重复：无重复；
填充：400px 0 0px；
身高：100%；
位置：相对位置；
文本对齐：居中；
}
.自定义按钮{
填充：25px 35px；
字体大小：16px；
光标：指向；
文本对齐：居中；
文字装饰：无；
大纲：无；
颜色：#fff；
背景色：#AB0002；
边界：无；
边界半径：15px；
边缘底部：10px；
}
只需将文本对齐：居中添加到。endFoot类用于制作居中按钮，并将一些边距添加到。customButton类用于在底部留出一些空间


.endFoot{
背景图像：url（'https://via.placeholder.com/900x900');
背景尺寸：封面；
背景位置：50%50%；
宽度：100%；
背景重复：无重复；
填充：400px 0 0px；
身高：100%；
位置：相对位置；
文本对齐：居中；
}
.自定义按钮{
填充：25px 35px；
字体大小：16px；
光标：指向；
文本对齐：居中；
文字装饰：无；
大纲：无；
颜色：#fff；
背景色：#AB0002；
边界：无；
边界半径：15px；
边缘底部：10px；
}

set.endFoot position:absolute如果你想阅读更多关于背景图像封面的内容，本教程非常完整：set.endFoot position:absolute如果你想阅读更多关于背景图像封面的内容，本教程非常完整：这就是我需要的！我有两个问题要问你-如果我调整页面大小，背景图像不会随之调整大小，有办法解决吗？另外，在“网络响应”的意义上，为了达到我想要的效果而在上面加上一个巨大的填充物（900px）是否一定不好？嗯，当我调整窗口大小时，所有东西都会缩放。是的，一个巨大的填充物可能不是一个很好的做法，但我真的不知道你想在这里实现什么。对我来说，这感觉就像你应该在
body
元素上设置背景图像。整个页面有4个部分，只有最后一个部分使用背景图像。看起来如果我做了“背景大小：包含”，那么它会调整大小，但会留下空白以保持图像的圆滑。还尝试了背景大小：100%100%