前端标题部分

时间:2016-10-14 21:28:19

标签: html css responsive-design

我正在尝试在www.dzn-studios.com全高度上创建标题部分,仅限在桌面上。

虽然当我尝试调整高度时:使用'%'值没有效果。如果我输入的像素值确实会改变高度但会破坏响应性。

Desired outcome

为新手问题道歉,但我们都必须从正确的位置开始!

2 个答案:

答案 0 :(得分:0)

您可以将此声明添加到header.section-headline.homepage

的css规则中
.section-headline.homepage {
    height: 100vh;
    margin-top: -80px;
}

答案 1 :(得分:-1)

如果我已正确理解你的问题百分比不起作用。如果是这种情况,你可能需要在所有父元素上设置100%的高度,在这种情况下你的身体和html。

示例:

html, body { height: 100%; width: 100%; margin: 0; }

div { height: 100%; width: 100%; }

如果这不是您所要求的,请更清楚,我将编辑我的答案