Jquery 标题已修复，但响应内容

示例问题：

我只想从顶部的保证金内容是平衡。如果在小宽度浏览器中，标题将有两行线，如果这样，我希望内容离顶部更远。如果三个标题有三行，则距离顶部和内容的距离会更大

我有css的代码：

    @media (max-width: 990px) {
    .heads_search{
        top:40px;
    }
    #space_top{
        height:50px;
    }
}
@media (max-width: 767px) {
    .heads_search{
        top:60px;
    }
    #space_top{
        height:160px;
    }
}
@media (max-width: 390px) {
    .heads_search{
        top:100px;
    }
    #space_top{
        height:200px;
    }
}

---

但是它不是100%正确，所以如果有人有更好的想法？

添加一个小脚本来调整margin top属性。试试这样的

$( window ).resize(function() {
  $('#content').css('margin-top', 50 + $('#header').height());
});

---

你好，你能解释一下你的问题吗？我无法抓住要点。打开示例并将浏览器大小调整为较小，如果标题的高度更高，则内容与标题不对应…设置标题的最小高度。仍然不起作用。。内容之间的边距仍然取决于顶部，我的目标是，如果它调整到更小，内容将取决于标题而不是顶部。。