iframeの高さが50％になっていない

Question

私は現在、私の試験プロジェクトに取り組んでおり、Wordpressのテーマ（CodePen用にHTMLに変換済み）を構築中です。

これはうまくいきましたが、悲しいことに私のポッドキャストに使用しているすべてのiframeは、私がしたいのと同じように、設定された高さで止まってしまいます。私はこれを修正するために多くを試みたが、それを働かせることはできない。これは、単一のウェブページとして生成されたコードワードプレスである、したがって、奇妙：

codepenは注意してください https://codepen.io/Puffss/pen/weWPmW

で利用可能であり、

iframe { 
 
    background: url(img/placeholdersoundcloud.jpg); 
 
    background-size: cover; 
 
    width: 18%; 
 
    height: 50%; 
 
    float: left; 
 
    margin: 0% 1% 0.6% 1%; 
 
}

<iframe width="640" height="400" scrolling="no" frameborder="no" src="./SpaarnestadPhoto Exposities_files/saved_resource.html"></iframe>

について主にありますコードとiframe内のリンクが不足しています。

Answer 1

私はまた、あなたがチェックすることをお勧め

すべてのタグのためにそれは（この場合、50％）あなたが欲しい1とインラインの高さを上書きします

iframe{ 
    height:50% !important; 
    width: 600px; 
} 

あなたのCSSにこれを追加WordPressが自動的に高さと幅を設定する理由と、おそらく大切なことをソースとして使用してソースから取り除こうとするのがベストプラクティスではないhttps://codepen.io/NickHG/pen/BZzJKZ