CSS3 vh-是CSS3的一個新功能，它允許我們使用視口高度（Viewport Height）單位來設置元素的高度。視口高度指的是瀏覽器窗口的高度，而不同設備和屏幕大小的視口高度也不同。

/* 示例代碼 */
.header {
height: 50vh;  /* 設置頭部高度為視口高度的50% */
}

使用vh單位可以使我們的布局更加靈活，無需擔心不同設備的屏幕大小，通過vh可以讓元素自適應并占據視口的一定比例，達到良好的視覺效果。

值得注意的是，vh單位不支持在IE8及以下版本的瀏覽器中使用。如果要兼容老版本瀏覽器，我們可以使用JavaScript來實現相似的效果。

// 兼容IE8及以下版本瀏覽器的JavaScript代碼
function fullScreen() {
var ele = document.getElementById('ele'); // 獲取元素
ele.style.height = window.innerHeight + 'px'; // 設置元素高度為視口高度
}
window.onload = fullScreen; // 頁面加載時調用
window.onresize = fullScreen; // 窗口大小改變時調用

CSS3 vh-的應用場景非常廣泛，在移動端和PC端的響應式設計中都會常常用到。它可以幫助我們快速地實現自適應布局，并且支持CSS3的動畫效果，讓頁面更加生動有趣。