viewportHeight和height的区别

viewportHeight和height是两个不同的属性，用于描述元素CSS中的高度。

1. viewportHeight：viewportHeight是一个相对单位，表示相对于视口（浏览器窗口或容器）的高度。它是一个相对于视口高度的百分比值，可以通过设置`vh`单位来定义。例如，100vh表示视口高度的100%。

2. height：height是一个绝对单位，表示元素的固定高度。它可以使用像素（px）、百分比（%）或其他绝对单位来定义。当设置元素的height属性时，该元素将保持固定的高度，不会随着视口大小的变化而改变。

区别：
- viewportHeight是相对于视口高度的百分比值，而height可以是绝对单位或百分比。
- viewportHeight会根据视口大小的变化而自适应调整，而height是固定的，不会随着视口的改变而改变。
- viewportHeight适用于需要根据视口高度进行响应式设计的情况，而height适用于需要固定高度的元素。

需要注意的是，viewportHeight在某些浏览器和设备上可能存在兼容性问题，因此在使用时需要测试和考虑浏览器兼容性。