最近在WordPress文章中放入B站视频,方法就是把B站得iframe填在文章中。但是在此过程中遇到了iframe尺寸自适应的问题。以下方法可以让iframe自适应页面大小,从而让页面布局更加美观。 如果直接把B站嵌入代码粘贴到wordpress文章中,视频在PC网页端会显得特别小,不适合观看。如下图: 红框内是视频大小,蓝框内是网页剩余的留白空间。可见视频并没有撑满页面。对于视频观看来说,效果很差。 如果设置iframe制定的宽度和高度,PC页面显示显示是正常了,但是手机浏览会发生视频画面溢出的问题。如下图: …