javascript - On Height CSS 响应性

Question

我正在尝试模拟这个网站。

https://elrumordelaluz.github.io/csshake/

每种颜色都是不同的部分，所有部分都基于屏幕的高度。有没有办法通过复制 demo.css 来实现这个？只需要对正在发生的事情进行简单的基本实现。

Answer 1

这对您有用吗？ https://jsfiddle.net/0ds7fLce/ vh 单位是 CSS3 规范的一部分，它表示视口(viewport)高度的百分比。

.myclass {
    height: 100vh;
}

应该可以解决问题。