B站分享使用的的iframe,插入到网页会显得很小,我们给他外部添加一个.bilibili的div

<div class="bilibili">
<iframe src="//player.bilibili.com/player.html?aid=60859044&cid=105906898&page=1" scrolling="auto" border="0" frameborder="1" framespacing="1" allowfullscreen="true"> </iframe>
</div>

然后添加CSS样式

    /*bilibili*/
    .bilibili {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 75%;
    }
    
    .bilibili iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }

这样就可以实现自适应

最后修改:2019 年 12 月 09 日 10 : 48 PM
如果您觉得我的文章有帮助,请随意赞赏!