Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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 视差定位问题引导4_Javascript_Html_Css_Twitter Bootstrap_Parallax - Fatal编程技术网

Javascript 视差定位问题引导4

Javascript 视差定位问题引导4,javascript,html,css,twitter-bootstrap,parallax,Javascript,Html,Css,Twitter Bootstrap,Parallax,我正在学习如何进行视差和引导4,我对本网站的结果有疑问: 在他的网站上,所有平台、笔记本电脑、台式机、手机等的主页大小都相同。。 我试图得到同样的结果,但我在实现这一点上遇到了很多问题。我不知道它的正确名称,这就是为什么我要问Overflow,因为如果我不知道它的正确名称或如何描述它,我如何才能得到一个相对的搜索结果?请帮助我,不要因为这个可能很简单的问题而恨我,我对这个问题还是新手。谢谢 在最上面部分的包含div中,可以将高度设置为 .exampleContainer{ height:

我正在学习如何进行视差和引导4,我对本网站的结果有疑问:

在他的网站上,所有平台、笔记本电脑、台式机、手机等的主页大小都相同。。
我试图得到同样的结果,但我在实现这一点上遇到了很多问题。我不知道它的正确名称,这就是为什么我要问Overflow,因为如果我不知道它的正确名称或如何描述它,我如何才能得到一个相对的搜索结果?请帮助我,不要因为这个可能很简单的问题而恨我,我对这个问题还是新手。谢谢

在最上面部分的包含div中,可以将高度设置为

.exampleContainer{
    height:100vh;
}
vh代表“视口高度” 如果你想用100vw来表示宽度,你可以用100vw来表示“视口宽度”,而不是100%

您可能需要考虑导航栏的高度,以便您的css看起来像这样

.exampleNavbar{
    height: 5rem;
}

.exampleContainer{
    height: calc(100vh - 5rem);
}

你好,谢谢回复@Chulps!这真是太棒了!我将导航栏设置为Fixed,因为这是最初指向的点。非常感谢你!嘿@Chulps我还有一个问题要问你,如果你看看我在原始帖子中提到的网站,他是如何把所有的内容都放在它们所属的地方,就像你在看桌面版一样?我一直在试图解决这个问题,但我无法理解它的位置:静态?很难说没有看到一些代码我已经解决了内容问题,我已经在CSS中引入了媒体查询,并且使用Chromes设备模拟器,我已经解决了所有明显的移动交互问题