在移动设备上嵌入太小(bandcamp)

时间:2017-10-06 10:30:08

标签: 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/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。

提前感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

如果从网址中删除明确的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>