手机端背景图片撑满整个屏幕

Posted 2021-01-14 xmlearning

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了手机端背景图片撑满整个屏幕相关的知识，希望对你有一定的参考价值。

html设置一个空div，用来放置背景图片。

<body>
    <div class=“main”></div>
</body>

（1）方法一：高度100%

html,body{
    margin:0;
    height:100%;
}
.main{
    height:100%;
    background:url(‘./bg.png‘) no-repeat ; 
}

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

以上是关于手机端背景图片撑满整个屏幕的主要内容，如果未能解决你的问题，请参考以下文章