隨著移動設備的普及，網頁不再只有在桌面端環境下運行，而是需要適配各種設備。其中一個重要的問題就是如何根據設備的分辨率加載相應的css樣式文件。這里介紹一種基于JavaScript的方案。

我們可以通過JavaScript獲取到設備的分辨率，然后根據分辨率的大小來動態加載不同的css樣式文件。

// 獲取屏幕寬度
var screenWidth = window.screen.width;
// 判斷屏幕寬度
if (screenWidth <= 640) {
// 如果屏幕寬度小于等于 640，則加載移動端 css 文件
var linkElement = document.createElement('link');
linkElement.href = 'mobile.css';
linkElement.rel = 'stylesheet';
document.head.appendChild(linkElement);
} else {
// 否則，加載桌面端 css 文件
var linkElement = document.createElement('link');
linkElement.href = 'desktop.css';
linkElement.rel = 'stylesheet';
document.head.appendChild(linkElement);
}

上面的代碼中，首先獲取了屏幕寬度，然后判斷寬度是否小于等于 640，如果是，則加載移動端css文件；否則，加載桌面端css文件。通過這樣的方式，我們可以為不同的設備提供不同的樣式，從而實現更好的用戶體驗。