为响应式移动调整 iframe 的大小

Question

我的一个客户有一家 shopify 商店，并希望在主页上包含一个免费的 instagram 小部件。唯一的问题是所有免费的都使用 iframe……否则你必须支付月费。

我觉得我已经尝试了 100 万个不同的代码来尝试让 iframe 做出响应，但它只是不配合我。我已经尝试将它包装在一个 div 中，将宽度和高度设置为一个百分比......没有任何效果。另外，我发现 Shopify 很难修改。

该网站是 ospeak.com.au，目前正在使用 statigram iconosquare 小部件。

我在想也许解决方案是根据屏幕尺寸设置不同的宽度？所以它更像是一种强制响应？

Answer 1

除非您可以在 iconosquare 页面上插入一些代码，否则您不会抱太大希望。如果您这样做，您可以做几件事，但为什么不查看http://instafeedjs.com/？这应该让你比使用 iframe 更容易实现你的目标。