CSS獲取設備寬度可以幫助開發者更好地適配不同設備的屏幕尺寸。使用CSS獲取設備寬度的方法有多種，下面將分別介紹：

/* 方法一：使用vw單位 */
.container {
width: 100vw; /* 將容器寬度設置為視口寬度 */
}
/* 方法二：使用@media查詢 */
@media screen and (max-width: 768px) {
.container {
width: 100%; /* 在小于768px的屏幕上將容器寬度設置為100% */
}
}
/* 方法三：使用JavaScript獲取設備寬度并應用到CSS中 */
window.onload = function() {
var screenWidth = window.innerWidth; /* 獲取設備寬度 */
document.getElementById('container').style.width = screenWidth + 'px'; /* 將設備寬度應用到容器中 */
}

使用vw單位是一種簡單有效的方法，但有時會出現兼容性問題。使用@media查詢可以根據不同屏幕尺寸設置不同的CSS樣式，但需要編寫多個查詢，代碼量較大。使用JavaScript獲取設備寬度并應用到CSS中可以實現更精確的適配，并且兼容性良好，但需要編寫一些JavaScript代碼。