Javascript 视差定位问题引导4
我正在学习如何进行视差和引导4,我对本网站的结果有疑问: 在他的网站上,所有平台、笔记本电脑、台式机、手机等的主页大小都相同。。Javascript 视差定位问题引导4,javascript,html,css,twitter-bootstrap,parallax,Javascript,Html,Css,Twitter Bootstrap,Parallax,我正在学习如何进行视差和引导4,我对本网站的结果有疑问: 在他的网站上,所有平台、笔记本电脑、台式机、手机等的主页大小都相同。。 我试图得到同样的结果,但我在实现这一点上遇到了很多问题。我不知道它的正确名称,这就是为什么我要问Overflow,因为如果我不知道它的正确名称或如何描述它,我如何才能得到一个相对的搜索结果?请帮助我,不要因为这个可能很简单的问题而恨我,我对这个问题还是新手。谢谢 在最上面部分的包含div中,可以将高度设置为 .exampleContainer{ height:
我试图得到同样的结果,但我在实现这一点上遇到了很多问题。我不知道它的正确名称,这就是为什么我要问Overflow,因为如果我不知道它的正确名称或如何描述它,我如何才能得到一个相对的搜索结果?请帮助我,不要因为这个可能很简单的问题而恨我,我对这个问题还是新手。谢谢 在最上面部分的包含div中,可以将高度设置为
.exampleContainer{
height:100vh;
}
vh代表“视口高度”
如果你想用100vw来表示宽度,你可以用100vw来表示“视口宽度”,而不是100%
您可能需要考虑导航栏的高度,以便您的css看起来像这样
.exampleNavbar{
height: 5rem;
}
.exampleContainer{
height: calc(100vh - 5rem);
}
你好,谢谢回复@Chulps!这真是太棒了!我将导航栏设置为Fixed,因为这是最初指向的点。非常感谢你!嘿@Chulps我还有一个问题要问你,如果你看看我在原始帖子中提到的网站,他是如何把所有的内容都放在它们所属的地方,就像你在看桌面版一样?我一直在试图解决这个问题,但我无法理解它的位置:静态?很难说没有看到一些代码我已经解决了内容问题,我已经在CSS中引入了媒体查询,并且使用Chromes设备模拟器,我已经解决了所有明显的移动交互问题