具有可移动内容的响应式固定页眉和滑块
Responsive fixed Header and Slider with movable content
抱歉这个初学者的问题，但我在响应式网页设计方面的经验相当有限。
我正在创建一个应该包含以下元素的门户主题
-HEADER (Fixed)
-Image Slider (Fixed, just beneath the Header)
-Portal Content (Movable, position relative)
我已经成功修复了页眉和图像滑块。我能想到的使门户内容出现在图像滑块正下方的唯一方法是设置
padding-top: 300px;
position: relative;
我遇到的问题是，当我缩小 window 时，占据页面 100% 的图像滑块会失去高度。那是因为它保持显示图像的纵横比。
由于我设置了绝对填充，所以我的门户内容和滑块之间的间隙变得越来越大 window 变得越来越小（因为图像滑块失去了高度）。
有没有办法让相关的门户内容出现在固定图像滑块的正下方？
我也通过使 headers 位置相对来修复它。
所以不再固定 header ... ;)
无论如何它占用了很多space ...
抱歉这个初学者的问题，但我在响应式网页设计方面的经验相当有限。
我正在创建一个应该包含以下元素的门户主题
-HEADER (Fixed)
-Image Slider (Fixed, just beneath the Header)
-Portal Content (Movable, position relative)
我已经成功修复了页眉和图像滑块。我能想到的使门户内容出现在图像滑块正下方的唯一方法是设置
padding-top: 300px;
position: relative;
我遇到的问题是，当我缩小 window 时，占据页面 100% 的图像滑块会失去高度。那是因为它保持显示图像的纵横比。
由于我设置了绝对填充，所以我的门户内容和滑块之间的间隙变得越来越大 window 变得越来越小（因为图像滑块失去了高度）。
有没有办法让相关的门户内容出现在固定图像滑块的正下方？
我也通过使 headers 位置相对来修复它。 所以不再固定 header ... ;)
无论如何它占用了很多space ...