CSS设置背景图宽度100%，高度自适应

<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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容