redditの埋め込みコメントiframeの最大幅を変更するにはどうすればよいですか？

Question

Redditには、例えば、ウェブサイト上で彼らのコメントを埋め込むためのコードを与える

：

<div class="reddit-embed" data-embed-media="www.redditmedia.com" data-embed-parent="false" data-embed-live="false" data-embed-uuid="24a3e666-f855-4664-8e9e-9d040fef3ca6" data-embed-created="2016-06-29T16:56:02.732Z"> 
 
    <a href="https://www.reddit.com/r/Showerthoughts/comments/2safxv/we_should_start_keeping_giraffes_a_secret_from/cno7zic">Comment</a> from discussion <a href="https://www.reddit.com/r/Showerthoughts/comments/2safxv/we_should_start_keeping_giraffes_a_secret_from/">We should start keeping giraffes a secret from young children. Imagine discovering giraffes exist when you were like 15. &quot;Woah! Check out that long necked horse!&quot;</a>. 
 
</div> 
 
<script async src="https://www.redditstatic.com/comment-embed.js"></script>

あなたはそれがコンテンツとiframeをレンダリングするHTMLに貼り付けた場合。このiframeの

max-widthプロパティが800pxに設定され、どのように私はそれが他の値またはnoneに変更できますか？

Fiddle

Answer 1

あなたはアクセスできませんインラインスタイルを上書きするために、あなたは!important（これは、あなたが!importantを使用する必要が非常に例であるそうはそれを避ける）

を使用する必要があります

iframe { 
 
    max-width: none !important 
 
}

<div class="reddit-embed" data-embed-media="www.redditmedia.com" data-embed-parent="false" data-embed-live="false" data-embed-uuid="24a3e666-f855-4664-8e9e-9d040fef3ca6" data-embed-created="2016-06-29T16:56:02.732Z"><a href="https://www.reddit.com/r/Showerthoughts/comments/2safxv/we_should_start_keeping_giraffes_a_secret_from/cno7zic">Comment</a> from discussion <a href="https://www.reddit.com/r/Showerthoughts/comments/2safxv/we_should_start_keeping_giraffes_a_secret_from/">We should start keeping giraffes a secret from young children. Imagine discovering giraffes exist when you were like 15. &quot;Woah! Check out that long necked horse!&quot;</a>.</div> 
 
<script 
 
async src="https://www.redditstatic.com/comment-embed.js"></script>