美文网首页工作生活
CSS实现宽度自适应100%,宽高16:9的比例的矩形

CSS实现宽度自适应100%,宽高16:9的比例的矩形

作者: 椰果粒 | 来源:发表于2019-07-01 15:40 被阅读0次

    如果宽为100%,高为100/16*9 = 56.25%

    *{
      margin: 0;
      padding: 0;
    }
    div{
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      background-color: red;
    }
    

    相关文章

      网友评论

        本文标题:CSS实现宽度自适应100%,宽高16:9的比例的矩形

        本文链接:https://www.haomeiwen.com/subject/ycogcctx.html