调整Iframe大小

之前一直都没解决这个问题，导致B站点播放器大小很小什么都看不清。凌晨发文章引用B站视频的时候就忍不了了，加了几行CSS把PC端大小调整的稍微正常了点。但是刚才又看见这个东西，想起来移动端这么写死的调整太“方”了，现学现卖用了一下Media终于调整舒服了。
方法简单粗暴。

@media screen and (min-width: 35rem ){
iframe {
    position: relative;
    width: 100%;
    height: 22rem;
    padding-bottom: 5%; 
}}
@media screen and (max-width: 30rem){
iframe {
    position: relative;
    width: 100%;
    height: 15rem;
    padding-bottom: 5%; 
}}