Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 论身高与身高_Javascript_Html_Css_Window_Height - Fatal编程技术网

Javascript 论身高与身高

Javascript 论身高与身高,javascript,html,css,window,height,Javascript,Html,Css,Window,Height,我试图模仿这个网站 每种颜色都是不同的部分,所有部分都基于屏幕的高度。是否只需复制demo.css就可以实现此功能?只需要一个简单的实现就可以了。这对你来说合适吗? vh单元是CSS3规范的一部分,它表示视口高度的百分比 .myclass { height: 100vh; } 应该可以了。这对你来说合适吗? vh单元是CSS3规范的一部分,它表示视口高度的百分比 .myclass { height: 100vh; } 应该这样做。如果你想知道有人正在看的屏幕的确切高度,你可

我试图模仿这个网站


每种颜色都是不同的部分,所有部分都基于屏幕的高度。是否只需复制demo.css就可以实现此功能?只需要一个简单的实现就可以了。

这对你来说合适吗? vh单元是CSS3规范的一部分,它表示视口高度的百分比

.myclass {
    height: 100vh;
}

应该可以了。

这对你来说合适吗? vh单元是CSS3规范的一部分,它表示视口高度的百分比

.myclass {
    height: 100vh;
}

应该这样做。

如果你想知道有人正在看的屏幕的确切高度,你可以在CSS属性“height”中使用“vh”,这意味着视图高度。然后,如果您希望每个部分都有不同的颜色,那么您需要为每个部分添加不同的类或id,以便可以在CSS中专门为每个部分添加代码。您还需要将“宽度:100%”添加到“主体”和每个“div”中,以便它使用浏览器的全部宽度

假设您有3个部分,每个部分需要不同的颜色,它看起来像这样:

#示例-div1{
高度:100vh;
宽度:100%;
背景色:#fff;
}
#示例2{
高度:100vh;
宽度:100%;
背景色:#555;
}
#示例-div3{
高度:100vh;
宽度:100%;
背景色:#111;

}
如果您想知道某人正在查看的屏幕的确切高度,可以在CSS属性“height”中使用“vh”,这意味着查看高度。然后,如果您希望每个部分都有不同的颜色,那么您需要为每个部分添加不同的类或id,以便可以在CSS中专门为每个部分添加代码。您还需要将“宽度:100%”添加到“主体”和每个“div”中,以便它使用浏览器的全部宽度

假设您有3个部分,每个部分需要不同的颜色,它看起来像这样:

#示例-div1{
高度:100vh;
宽度:100%;
背景色:#fff;
}
#示例2{
高度:100vh;
宽度:100%;
背景色:#555;
}
#示例-div3{
高度:100vh;
宽度:100%;
背景色:#111;

}
我认为使用百分比而不是vh更好,因为旧的浏览器支持:


html,正文{
身高:100%;
}
.首先{
身高:100%;
背景:红色;
}
.第二{
身高:100%;
背景:黄色;
}

我认为使用百分比而不是vh更好,因为旧的浏览器支持:


html,正文{
身高:100%;
}
.首先{
身高:100%;
背景:红色;
}
.第二{
身高:100%;
背景:黄色;
}

事情不可能那么简单。。。然而。。。是的,不可能那么简单。。。然而。。。它是。