CSS中的宽度自适应是Web设计中常用的技术。宽度自适应可以让网页在各种设备上以不同的分辨率显示，使用户获得更好的浏览体验。

实现宽度自适应的方法是使用百分比来设置宽度。下面是一个例子：

.box {
width: 80%;
height: 200px;
border: 2px solid black;
}

上面的代码中，.box元素的宽度为80%。这意味着无论用户使用的是大屏幕电脑还是小屏幕手机，.box元素的宽度都会自适应设备的宽度。

除了百分比外，还有一种更加直观的方式来实现宽度自适应，那就是使用max-width属性。下面来看一个例子：

.box {
max-width: 800px;
width: 80%;
height: 200px;
border: 2px solid black;
}

上面的代码中，.box元素的max-width属性为800像素。当用户使用的设备宽度小于800像素时，.box元素的宽度会自适应设备的宽度。当用户使用的设备宽度大于800像素时，.box元素的宽度会自适应到800像素。

总之，宽度自适应是Web设计中一个重要的技术，可以让网页在各种设备上以不同的分辨率显示，提高用户体验。我们可以使用百分比或max-width属性来实现宽度自适应。希望本文能对您有所帮助！