B站分享使用的的iframe,插入到网页会显得很小,我们给他外部添加一个.bilibili的div
<div class="bilibili"> <iframe src="//player.bilibili.com/player.html?aid=32565024&bvid=BV1rW411U7XN&cid=56983085&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" 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; }
这样就可以实现自适应了。