CSS是前端開發中非常重要的一部分，可以讓我們操作網頁布局，美化頁面樣式。

在CSS中，建議使用相對單位而不是絕對單位來決定元素的尺寸和位置，因為相對單位可以根據屏幕大小和設備像素密度來自適應。其中，vw, vh 和 vmax 是三種相對單位，可以方便地使用屏幕寬度和高度等信息來控制元素布局和大小。

/*使用vw和vh適應屏幕變化*/
.box1{
width: 50vw;  /*寬度為屏幕寬度的50%*/
height: 30vh; /*高度為屏幕高度的30%*/
}
/*使用vmax自適應元素大小*/
.box2{
width: 50vmax; /*寬度最大為屏幕寬度和高度中的較大值的50%*/
height: 50vmax; /*高度最大為屏幕寬度和高度中的較大值的50%*/
}

使用vw, vh 和 vmax 可以讓網頁元素隨著屏幕大小的變化而自適應大小和位置，而不用單獨為每個設備編寫不同的樣式表，這是一種簡單而有效的響應式設計。