调整iframe的大小以适应快速响应的移动应用

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

我觉得我已经尝试了一百万种不同的代码，试图让iframe响应，但它只是不配合我。我试着将它包装成一个div，将宽度和高度设置为一个百分比。。。什么都没用。另外，我发现Shopify非常难以修改

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

---

我在想，也许可以根据屏幕大小设置不同的宽度？因此，它更像是一种强制响应流体？

除非你能在iconosquare页面上插入一些代码，否则你不会有太多希望。如果你这样做了，你可以做几件事，但为什么不去看看呢？这应该比使用iframe更容易实现目标

请提供iframe的or和您尝试过的具体细节。Instagram widget默认响应。它的宽度为100%，这意味着它适合容器内部。