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;
}
这样就可以实现自适应了。
没有回复内容