CSS中的vh單位是一種相對于視口高度的單位，vh是viewport height的縮寫。一個vh單位為視口高度的1%。

height: 50vh; /* 表示元素高度為視口高度的50% */

使用vh單位可以使設計變得更加靈活，適應不同大小的屏幕，保證元素適配屏幕并且不會過分扭曲變形。

font-size: 5vh; /* 表示字體大小為視口高度的5% */

vh單位因其相對于視口高度而言的特性，可用于創造視差效果和動畫效果，在響應式設計中非常有用。

background-position: center calc(50vh - 50px); /* 表示背景圖片與內容區域視差滾動 */

但是，相對于其他單位，vh單位的兼容性稍差，需要考慮到一些老版本的瀏覽器不支持vh單位。

總結來說，vh單位是一種很有用的單位，在響應式設計中經常使用。同時，在使用的過程中需要注意兼容性問題。