Twitter bootstrap 具有可移动内容的响应式固定标题和滑块

对于初学者的问题很抱歉，但我在响应式网页设计方面的经验相当有限

我正在创建一个门户主题，它应该包含以下元素

-HEADER (Fixed)
-Image Slider (Fixed, just beneath the Header)
-Portal Content (Movable, position relative)

我已经设法使标题和图像滑块固定。我能想到的使门户内容显示在图像滑块下方的唯一方法是设置

padding-top: 300px;
position: relative;

我遇到的问题是，当我缩小窗口时，占据100%页面的图像滑块会降低高度。这是因为它保持了所显示图像的纵横比

由于我设置了绝对填充，窗口越小，门户内容和滑块之间的间隙就越大（因为图像滑块的高度变低）

---

有没有办法使相对门户内容显示在固定图像滑块的正下方？

我也通过使标题位置相对来修复它。 所以不再有固定的标题…；）

---

它占用了很多空间…

你能在这里分享代码吗？嗨，对不起。。。不，遗憾的是没有。这是一个巨大的主题，我正试图改变。主要问题是滑块的高度变低，因此滑块和内容之间会出现巨大的间隙。有没有办法解决这个问题？你有没有试过在填充中使用vh而不是px？请用上衣代替垫子。顶部：20vh；您不需要发布所有代码。只需创建一个页面模型，显示问题的相关问题。大家好，我也通过使标题与主题相对来修复它。所以不再有固定的标题…；）