我正在尝试使用instagram帖子构建一个响应式网格,并且对于我而言,填充底部的hack无法正常工作。我做了一个简单的jQuery脚本,发现height = width + 306px。
我是怎么做到的:
let $instagramPosts = $('.instagram-post'),
width = $instagramPosts.eq(0).width(),
differenceWH = 306;
$instagramPosts.height(width + differenceWH);
是否可以仅使用CSS就不需要JS?
答案 0 :(得分:0)
您可能想研究css calc()
,因为我不知道您的初始身高是x。因此,对于计算,您可以这样做
.instagram-post {
height:calc(x + 306px);
}