CSS（Cascading Style Sheets）是一种样式表语言，用来描述 HTML 或 XML 文档的外观。其中的单位有很多种，而这里要讲的就是 vh 和 vw。

vh 表示视窗高度的百分比（Viewport Height），vw 表示视窗宽度的百分比（Viewport Width）。这两个单位是在响应式设计中使用的比较多。

vh 和 vw 的使用非常简单，只需要在样式中以百分比形式声明即可。例如：

.element {
height: 50vh;
width: 50vw;
}

上面的代码表示将元素的高度设置为视窗高度的一半，宽度设置为视窗宽度的一半。

使用 vh 和 vw 都有一些好处：

• 尺寸会随着视窗大小的变化而调整，有助于实现响应式设计。
• 不受字体大小影响，不像 em 和 rem 那样受 font-size 属性的影响。

但是，也要注意其中的一些问题：

• IE8 及以下版本不支持。
• 在 iOS 中，当地址栏和导航栏隐藏时，vh 和 vw 的计算会出现一些问题，需要使用特殊的 hack 才能解决。
• vw 和 vh 只计算视窗大小，不包括滚动条的宽度。

综上所述，vh 和 vw 是一种非常实用的单位，特别在响应式设计中使用较多。但是，在使用过程中也要注意一些问题，避免出现不必要的错误。