码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2018-10-22 14:47:24      阅读:474      评论:0      收藏:0      [点我收藏+]

标签:idt   repeat   back   100%   nbsp   style   html   body   main   

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

(2)方法二:高度100vh

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

 

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

标签:idt   repeat   back   100%   nbsp   style   html   body   main   

原文地址:https://www.cnblogs.com/xmlearning/p/9829486.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!