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代码。