Html 在手机上嵌入太小(bandcamp)

Html 在手机上嵌入太小(bandcamp),html,css,Html,Css,正如标题所说,我正在尝试将Bandcamp配置文件嵌入到我的页面中。然而,在手机上,文本看起来太小了 就我在Bandcamp网站上使用嵌入函数的代码中所看到的情况而言,没有改变它的选项 <iframe class="bandcamp" style="border: 0; width: 700px; height: 340px;" src="https://bandcamp.com/EmbeddedPlayer/album=2225879202/size=large/bgcol=333333

正如标题所说,我正在尝试将Bandcamp配置文件嵌入到我的页面中。然而,在手机上,文本看起来太小了

就我在Bandcamp网站上使用嵌入函数的代码中所看到的情况而言,没有改变它的选项

<iframe class="bandcamp" style="border: 0; width: 700px; height: 340px;" src="https://bandcamp.com/EmbeddedPlayer/album=2225879202/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/" seamless><a href="http://northernnightlights1.bandcamp.com/album/northern-nightlights-sampler">Singles by Northern Nightlights</a></iframe>
我对编码还是一个新手,所以我以前从未使用过iframe


提前谢谢你的帮助

如果从URL中删除explicit size=large选项,会导致以下情况:

<iframe class="bandcamp" style="border: 0; width: 700px; height: 340px;" src="https://bandcamp.com/EmbeddedPlayer/album=2225879202/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/" seamless><a href="http://northernnightlights1.bandcamp.com/album/northern-nightlights-sampler">Singles by Northern Nightlights</a></iframe>

您可能需要添加视口元。您可以声明许多参数,但我认为您需要的是width=devicewidth参数。对我有用。试试看

<meta name="viewport" content="width=device-width">

尝试使用ajax:将试一试!我对JS涉猎不多。所以我还不能确定这是否有效。可能要花我一段时间!不幸的是,这只会让玩家自己变小。不影响文本。不过我很感谢你的帮助!