CSS3中有一個非常常用的單位是vw，它可以根據視口寬度來設置元素的大小、字體大小等。但是，有些瀏覽器并不支持vw單位，這給前端開發帶來了一定的麻煩。

在某些老舊的瀏覽器中，vw單位被視為無效值，導致CSS樣式無法正確渲染。這些瀏覽器包括一些舊版的IE瀏覽器和移動端的瀏覽器，如Android 4.3以及更早版本的系統默認瀏覽器。

由于vw在移動端的支持情況比較分散，因此在設計移動端網頁時需要特別注意。多數情況下，vw的使用對移動端用戶并不友好，因為vw單位不僅不能完全適配所有設備，而且在用戶縮放界面時常常會導致界面出現錯位、變形等情況。因此，應該盡量避免在移動端的網頁中使用vw。

/* 使用vw單位實現自適應字體 */
h1 {
font-size: 4vw;
}

為了應對vw不支持的情況，我們可以使用JavaScript來動態修改CSS樣式。通過JavaScript計算出視口的寬度，然后把vw轉換為百分數或像素，再將修改后的樣式應用到相應的元素上。

/* JS代碼 */
var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
if (width< 768) {
var font_size = width * 0.05 + "px";
document.getElementsByTagName('h1').style.fontSize = font_size;
}

總之，雖然vw單位在CSS3中是一個非常不錯的單位，但是在使用時，我們仍然需要考慮到兼容性問題，并采取相應的措施來避免出現樣式渲染問題。