Html 如何让一幅图像有屏幕那么大，而其下却有内容？

加载页面时，我希望我的图像与屏幕大小相同。我已经获得了这一点，但是任何其他文本现在都位于图像下方，而不是图像下方（希望这是有意义的）

.main{
位置：绝对位置；
宽度：100%；
身高：100%；
背景图片：url(https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg);
背景尺寸：封面；
背景位置：50%50%；
}

你好，世界
wtfffsk；dflaskjf；laksdjf；laskjf asdfals；kjfal-as；flkajs f

取决于您需要什么浏览器支持。如果您同意浏览器支持，可以使用

100vw

和

100vh

将div设置为视口高度/宽度，而不是使用

100%

，然后只需删除

位置：绝对，如下所示：


.main{
宽度：100vw；
高度：100vh；
背景图片：url(https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg);
背景尺寸：封面；
背景位置：50%50%；
}

你好，世界
wtfffsk；dflaskjf；laksdjf；laskjf asdfals；kjfal-as；flkajs f
取决于您需要什么浏览器支持。如果您同意浏览器支持，可以使用
100vw
和
100vh
将div设置为视口高度/宽度，而不是使用
100%
，然后只需删除
位置：绝对，如下所示：


.main{
宽度：100vw；
高度：100vh；
背景图片：url(https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg);
背景尺寸：封面；
背景位置：50%50%；
}

你好，世界
wtfffsk；dflaskjf；laksdjf；laskjf asdfals；kjfal-as；flkajs f
在
主元素上使用以下CSS：

.main {
    width: 100vw;
    height: 100vh;
    background-image: url(https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg);
    background-size: cover;
    background-position: 50% 50%;
}

注意：无
位置：绝对


.main{
宽度：100vw；
高度：100vh；
背景图片：url(https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg);
背景尺寸：封面；
背景位置：50%50%；
}

你好，世界
wtfffsk；dflaskjf；laksdjf；laskjf asdfals；kjfal-as；flkajs f
在
主元素上使用以下CSS：

.main {
    width: 100vw;
    height: 100vh;
    background-image: url(https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg);
    background-size: cover;
    background-position: 50% 50%;
}

注意：无
位置：绝对


.main{
宽度：100vw；
高度：100vh；
背景图片：url(https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg);
背景尺寸：封面；
背景位置：50%50%；
}

你好，世界
wtfffsk；dflaskjf；laksdjf；laskjf asdfals；kjfal-as；flkajs f
如果html和主体具有100%的高度，则不使用vh/vw也可以获得相同的效果


html，正文{高度：100%；}
梅因先生{
宽度：100%；
身高：100%；
背景图片：url(https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg);
背景尺寸：封面；
背景位置：50%50%；
}

你好，世界
wtfffsk；dflaskjf；laksdjf；laskjf asdfals；kjfal-as；flkajs f
如果html和主体具有100%的高度，则不使用vh/vw也可以获得相同的效果


html，正文{高度：100%；}
梅因先生{
宽度：100%；
身高：100%；
背景图片：url(https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg);
背景尺寸：封面；
背景位置：50%50%；
}

你好，世界
wtfffsk；dflaskjf；laksdjf；laskjf asdfals；kjfal-as；flkajs f