Question

我的上下文

IINM，百分比高度假定在计算高度时父亲的身高可用。

我有header的背景图片，其格式如下

header{
    width: 100%;
    height:100%; // This height is what I'm talking about
    font-size: 7em;
    background: url(../images/landing_image.jpg) no-repeat;
    background-size: cover;
}

在我的drupal网站中，我可能会组合/压缩具有重新排序意外副作用的css文件。也就是说，在计算100% of parent's height时，父母的身高可能无法使用。什么是可能的解决方法？我可以根据视口高度指定高度吗？

height:view-port-height;

另外，我没有完全理解vh单位。这有什么作用？

Answer 1

我不知道指定高位的任何其他方式，但是％不应该有所不同。即使它确实使它变慢，我们只会说几秒微秒。

就个人而言，我不会担心这一点，考虑到你需要额外的工作量才能找到更好的解决方案。

在再次看到你的问题之后，可能有一种更快的方法可以使用css进行渲染。像这样：

header {
 position:fixed !important;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
}

这会将标题设置为覆盖整个页面，而无需查找父级的高度。

高度％ - 慢渲染

1 个答案: