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

本文转载自查看原文 2018-10-22 12:47 1180 CSS

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

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 手机背景图片自适应浏览器屏幕大小，完全填满设置背景图片的两种方式，并解决手机端背景图片高度自适应问题 IE9以下通过css让html页面背景图片铺满整个屏幕如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕（自适应大小） CSS让DIV按照背景图片的比例缩放，并让背景图片填充整个元素（转） css中设置背景图片平铺整个页面 background--详解(背景图片根据屏幕的自适应) 前端背景图片如何让背景图片平铺满整个浏览器页面 HTML + CSS CSS设置背景图片后图片没有铺满屏幕等