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

相关文章推荐

销魂的棒棒糖 · 查找背景图像坐标 - Tableau· 昨天 ·

重感情的围巾 · java swing ...· 1 月前 ·

任性的小熊猫 · vscode 利用正则搜索标签 tags ...· 2 月前 ·

坐怀不乱的小笼包 · 当一个强化学习算法不收敛时，哪些因素可能是导 ...· 8 月前 ·

坚强的大蒜 · this' implicitly has ...· 9 月前 ·

爱旅游的打火机 · C# ASP.NET 连接MySQL ...· 10 月前 ·

.newcenter{
        width: 100%;
        background: url('../../assets/img/newcenter.png') no-repeat;
        background-size: 100% auto;
    }
.newcenter:before{content: ""; display: block; padding-top: 100%;}

div的高度随背景图片的高度变化：

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

.newcenter{
        width: 100%;
        background: url('../../assets/img/newcenter.png') no-repeat;
        background-size: 100% auto;
        padding-top: 13%;
        ;
    }

推荐文章

销魂的棒棒糖 · 查找背景图像坐标 - Tableau

昨天

重感情的围巾 · java swing 刷新界面_mob64ca12f1c6f8的技术博客_51CTO博客

1 月前

任性的小熊猫 · vscode 利用正则搜索标签 tags (?=.*关键字1)(?=.*关键字2).*_51CTO博客_vscode正则匹配搜索

2 月前

坐怀不乱的小笼包 · 当一个强化学习算法不收敛时，哪些因素可能是导致这种情况的原因？ - 知乎

8 月前

坚强的大蒜 · this' implicitly has type 'any' because it does not have a type annotation._this' implicitly has type 'any' because it does not ha

9 月前

爱旅游的打火机 · C# ASP.NET 连接MySQL 如何先进行多条件查询，然后进行数据库插入操作_数据库注册时先查询再插入怎么做-CSDN博客

10 月前