CSS设置背景图宽度100%，高度自适应
2019-09-17 本文已影响0人
chouchou723
<div class="newcenter"></div>
.bg{
width: 100%;
background: url('./74123.jpg') no-repeat;
padding-top: 40%;
/*background-size: 100% auto;
height: 0px;*/
background-size:cover;
background-position:center;
}
padding-top= (高度/宽度)*100%;即图片的高度与宽度的比例,因此就能实现背景图宽度100%，高度自适应
为了达到更好的效果再配合cover和center
bgbg.png
