防止 header 变得太小

Question

我正在为朋友编写一个网站。我现在的问题是，我无法阻止 Header（带有 CreepGaming 的部分）变得太小（这意味着它会缩到我的导航栏后面）。

你们有什么解决办法吗？

HTML: http://pastebin.com/r85DvhbD CSS: http://pastebin.com/hyvKCxWJ

感谢您的帮助！

/编辑：CSS-Class 问题：

.header {
min-height: 70%;
max-width: 90%;
color: white;
background-color: #343434;
padding-left: 3%;
border-bottom: 2px solid #ff8800;
border-radius: 0 0 20px 20px;
padding-top: 47px;
z-index: 10;
}

Answer 1

您应该 change header 填充值。 b

.header{padding-top: 47px;}

将其更改为 47px 因为您在 % 中的值会随着屏幕尺寸的不同而不同。

防止 header 变得太小

Prevent header from getting too small

html

css

resize

header