CSS提供了很多單位來定義元素的大小和位置，其中一個比較常用的單位就是“視口單位（Viewport Units）”。

視口單位是相對于當前瀏覽器窗口大小的單位，可以用來自適應不同尺寸的設備屏幕，在移動端開發中也非常實用。

其中，最常用的視口單位包括vw、vh、vmin和vmax。其中vw表示視口寬度的百分比，1vw表示視口寬度的1%。而1vh則表示視口高度的1%，以此類推。

除此之外，CSS 3中還新增了1vmin和1vmax這兩個單位。其中，1vmin表示當前視口寬度和高度中較小的那個值的1%，而1vmax則表示當前視口寬度和高度中較大的那個值的1%。

/*設置文本框寬度為視口寬度的一半*/
input {
width: 50vw;
}
/*設置圖片高度為視口高度的1/3*/
img {
height: 33.33vh;
}
/*設置字體大小為視口寬度和高度中較小值的1/10*/
p {
font-size: 10vmin;
}
/*設置盒子寬度為視口寬度和高度中較大值的1/5*/
div {
width: 20vmax;
}

需要注意的是，視口單位在PC端使用時，可能會受到窗口大小的影響而出現不一致的效果。因此，需要在移動端使用視口單位時要特別注意，盡量避免給元素設置固定的寬度和高度。

綜上所述，視口單位是一種很強大的單位，可以幫助我們實現響應式布局和適應不同尺寸的設備屏幕。而1vw、1vh、1vmin和1vmax分別表示當前視口寬度和高度的百分比和較小值或較大值的百分比，我們可以根據實際需要來靈活運用。