爲響應式手機調整iframe的大小

我的一位客戶擁有shopify商店，並且希望在主頁上包含免費的Instagram小部件。唯一的問題是所有的免費使用iframes ...否則你必須支付月費。爲響應式手機調整iframe的大小

我覺得我已經嘗試了100萬個不同的代碼來嘗試讓iframe響應，但它只是不與我合作。我試過用div封裝它，將寬度和高度設置爲一個百分比......沒有任何工作。另外，我發現Shopify非常難以修改。

該網站是ospeak.com.au，它目前正在使用statigram iconosquare部件。

我在想也許作爲一種解決方案是根據屏幕尺寸設置不同的寬度？所以它更多的是一種強制性的迴應，流體？

請提供一個[jsfiddle]（https://jsfiddle.net/）或[codepen]（http://codepen.io/）iframe以及您所嘗試過的具體細節。 –

Instagram小部件默認爲自適應。它的寬度爲100％，這意味着它適合在容器內部。 –

除非你可以在iconosquare頁面上插入一些代碼，否則你沒有多少希望。如果你這樣做有幾件事你可以做，但爲什麼不看看http://instafeedjs.com/？這應該允許你實現你的目標比用iframe進行黑客攻擊要容易得多。

2015-11-04 15:00:26 bknights

回答