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

div宽高按照特定比例显示内容padding-bottom

程序员文章站 2022-06-20 19:02:16
...

使div的宽和高始终按照一定比例显示,定义好宽度,高度为0,然后使用padding-bottom

    Html内容:

    <div class="a"></div>


    style样式内容两种写法:

    第一:
    .a{
    overflow: hidden
    width: 100%
    height: 0
    padding-bottom: 31.25%}
    
    第二:
    .a{
        width:100%
        height: 31.25vw}