我一直在寻找一种方法来实现这一点,但似乎无法找到答案。我想创建一个单页网站,该网站由一系列面板组成,每个面板的大小(高度和宽度)和不同的背景颜色。
所以,当我进入页面时,我的视口充满了面板 1,然后我可以向下滚动到面板 2,这也将完全填满视口。
这是一个快速测试页面来说明我的意思:http ://dev.manifold.ws/test/ 但是,很明显,我想要的是每个面板的高度是视口的 100%(不是固定高度)。
这是一个更复杂的网站,它成功地做到了:http: //www.deuxhuithuit.com
我觉得必须有一个相当简单的方法来实现这一点,但我似乎找不到它。
任何帮助将不胜感激。我需要一些 jQuery 吗?我应该依赖插件吗?或者有没有办法用 CSS 做到这一点?
谢谢,
-汤姆