欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-02 18:14:13
...
.newcenter{
        width: 100%;
        background: url('../../assets/img/newcenter.png') no-repeat;
        background-size: 100% auto;
        padding-top: 13%;
        height: 0px;
    }

原理是通过padding-top或者padding-bottom实现,值是背景图片的宽高比。高度设置为0.