Как сделать инстаграм iframe отзывчивым без JS?

Question

Я пытаюсь создать адаптивную сетку с сообщениями Instagram и взломом padding bottom в моем случае.Я сделал простой скрипт jQuery и обнаружил, что высота = ширина + 306 пикселей.

Как я это сделал:

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

$instagramPosts.height(width + differenceWH);

Возможно ли сделать это без JS только с помощью CSS?

Answer 1

Возможно, вы захотите взглянуть на css calc(), так как я не знаю вашу начальную высоту, я предположу, что это x.Таким образом, для расчета, вы можете сделать это

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