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

2022-10-09 19:14:35

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;        
}