Html Can'；t将iframe的最大宽度设置为100%

我试图将Bandcamp嵌入式播放器的宽度设置为100%，但始终限制为700px–这是他们通过内部CSS对

div#player

施加的限制，我正在尝试解决这一问题

如果我通过开发人员工具更改

max width

，播放器将在页面上伸展，但我不知道如何通过CSS/HTML实现这一点

嵌入式播放器代码：

<iframe style="width:100% !important; height: 274px; border: 0px" src="https://bandcamp.com/EmbeddedPlayer/album=1353674788/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/" seamless></iframe>

---

演示：

@MrLister帮我一个忙，试着通过codepen@MrLister

700px

宽度位于iframe主体内容的内部。根据最大尺寸，bandcamp支架为700px@hffs代码笔中iframe的宽度与代码笔的输出窗格一样宽（我的当前窗口为1225像素）。但是，iframe的内容由一个700像素宽的深灰色条（div，id=“player”）组成，背景透明；

宽度：100%！重要信息

框上的内容让我很反感。@Lister先生太好了，你刚才用不同的词回答了我的问题。现在来个解决方案怎么样？@Lister先生帮我个忙，试着通过codepen@MrLister

700px

宽度位于iframe主体内容的内部。根据最大尺寸，bandcamp支架为700px@hffs代码笔中iframe的宽度与代码笔的输出窗格一样宽（我的当前窗口为1225像素）。但是，iframe的内容由一个700像素宽的深灰色条（div，id=“player”）组成，背景透明；

宽度：100%！重要信息

框上的内容让我很反感。@Lister先生太好了，你刚才用不同的词回答了我的问题。现在有一个解决方案吗？