关于 html:Embedding too small on mobile (bandcamp)

Embedding too small on mobile (bandcamp)

正如标题所说,我正在尝试将 Bandcamp 个人资料嵌入我的页面。但是,在移动设备上,文字看起来太小了。

在使用 Bandcamp 网站的嵌入功能的代码中,没有选项可以更改它(据我所知)。

1
<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>Singles by Northern Nightlights</iframex>

这里有一张图片来帮助说明问题

我对编码还是很陌生,所以我以前从未使用过 iframe。

提前感谢您的帮助!


您可能需要添加视口元数据。您可以声明许多参数,但我认为您需要的是 width=device-width 参数。为我工作。试一试。

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

如果从 URL 中删除显式 size=large 选项会怎样,结果如下:

1
&lt;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>Singles by Northern Nightlights&lt;/iframex&gt;