CSS3中為我們提供了一種針對視口單位的參考尺寸，即vm單位。vm單位，相對于視口的高度，是相對于視口的寬度比例而言的，即1vm表示視口高度的1%。

// 使用vm設置元素寬度
.element {
width: 50vm;
}

相比于百分比單位，vm單位更能保證寬高比例的穩定，同時也支持響應式布局。例如當設置一個元素寬度為50vm時，無論視口的寬度如何變化，該元素的寬高比例都會保持為2:1。

需要注意的是，vm單位的瀏覽器兼容性并不完美，舊版本瀏覽器無法識別該單位。因此，在使用時需要考慮兼容性問題，可以通過樣式前綴等方式來兼容不同瀏覽器。

// 兼容不同瀏覽器
.element {
width: 50vm;
width: -webkit-calc(100vw * 0.5);
width: calc(100vw * 0.5);
}

總之，vm單位是一種很實用的視口單位，可以幫助我們實現更加靈活的響應式布局，在實際開發中可以根據需要靈活運用。