如何正确增加标题高度？

支持
1

你好，
我想增加页眉的高度：
image
以便显示更大的标志（在移动设备上，页眉将保持默认高度）。

我尝试了一些方法，但未能成功，因为增加高度（以及其下方内容的顶部边距，以防止页眉因高度增加而覆盖内容）会导致粘性定位功能出现异常。这会导致无法滚动，或使内容“跳动”。

是否有合适的方法可以增加页眉高度而不破坏任何功能？

2

您试过调整

#main-outlet {
    padding-top: 5.8572em;
}

例如

.d-header {
    height: 8em;
}
#main-outlet {
    padding-top: 9.8572em;
}

844×427 13.8 KB

836×377 16 KB

3

是的，我确实这样做了。我想补充一点，我希望标题的高度大约是原始高度的两倍，同时在固定时保持默认高度（这可能是主要问题）。

4

好的，我确实做到了。我不太清楚为什么会遇到这样的阻塞问题……还是有一点跳动，但只有几个像素，除非你滚动得非常非常慢，否则是看不到的。我还在顶部添加了自定义内容，这可能与我所遇到的问题有关。