如何在没有JS的情况下使instagram iframe具有反响？

Question

我正在尝试使用instagram帖子构建一个响应式网格，并且对于我而言，填充底部的hack无法正常工作。我做了一个简单的jQuery脚本，发现height = width + 306px。

我是怎么做到的：

let $instagramPosts = $('.instagram-post'),
    width = $instagramPosts.eq(0).width(),
    differenceWH = 306;

$instagramPosts.height(width + differenceWH);

是否可以仅使用CSS就不需要JS？

Answer 1

您可能想研究css calc()，因为我不知道您的初始身高是x。因此，对于计算，您可以这样做

.instagram-post {
    height:calc(x + 306px);
}