如何改变reddit's嵌入评论框架的最大宽度

How to change max-width of reddit's embed comment iframe?

本文关键字：框架 评论 何改变 改变 reddit      更新时间：2023-09-26

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>

当你将它粘贴到HTML中时，它会呈现带有内容的iframe

此iframe的max-width属性设置为800px，如何将其更改为其他值或none ?

小提琴

为了覆盖你没有访问权限的内联样式，你需要使用!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>

相关文章：