Html 如何根据屏幕大小设置背景图像,而不指定高度,并使资源中心进入其中

Html 如何根据屏幕大小设置背景图像,而不指定高度,并使资源中心进入其中,html,css,Html,Css,我尝试过填充,但我认为给HTML内容添加200px的填充是错误的。你能帮我做些什么吗 请使用以下代码: .hero { 宽度:100%; 高度:100vh; 背景:#000 url(“https://crowdforangels.com/blog/wp-content/uploads/2017/01/notebook-1280538_1920.jpg)无重复; 背景尺寸:封面; 显示器:flex; 对齐项目:居中; 证明内容:中心; } .英雄.叠加 { 颜色:#fff; 文本对齐:居中; }

我尝试过填充,但我认为给HTML内容添加200px的填充是错误的。你能帮我做些什么吗

请使用以下代码:

.hero
{
宽度:100%;
高度:100vh;
背景:#000 url(“https://crowdforangels.com/blog/wp-content/uploads/2017/01/notebook-1280538_1920.jpg)无重复;
背景尺寸:封面;
显示器:flex;
对齐项目:居中;
证明内容:中心;
}
.英雄.叠加
{
颜色:#fff;
文本对齐:居中;
}

网页及平面设计师

如果您没有向我们展示任何现有的HTML、CSS或JSI将此CSS放置在第一块{背景图像:url('../img/bg.png');背景大小:封面;背景位置:中心;背景附件:固定;文本对齐:中心;填充:350px 0px;}的话,您不确定希望有人能在这方面提供帮助@jaydeppatelyou应该添加填充底部:100%@hinathakkar@Ranjithv它的工作,但在小屏幕上,图像看起来不好,请分享一些代码