在 CSS 中，vw 和 em 都是基于相對單位。其中，vw 表示視口寬度的百分比，em 則表示一個元素的字符寬度。

/* vw */
width: 50vw; /* 表示元素寬度為視口寬度的一半 */
/* em */
font-size: 2em; /* 表示字體大小為兩個字符的寬度 */

使用 vw 或 em 都可以實現響應式布局。當使用 vw 時，元素的大小會隨著屏幕尺寸的變化而自動縮放。而當使用 em 時，元素的大小則會隨著字體大小的變化而自動縮放。

/* vw 實現響應式布局 */
@media (max-width: 768px) {
width: 80vw;
}
/* em 實現響應式布局 */
@media (max-width: 768px) {
font-size: 1.5em;
}

在選擇使用 vw 或 em 時，可以根據實際情況做出選擇。如對于寬度等比縮放的場景，可以使用 vw；對于字體大小等比縮放的場景，可以使用 em。