html - 在手机上嵌入太小(bandcamp)

Question

正如标题所说，我正在尝试将 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>

Here's a picture to help illustrate the problem

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

提前感谢您的帮助!

Answer 1

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

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