CSS自適應屏幕寬度是日常Web開發過程中經常面臨的問題。在進行開發時，我們不僅要關注網站的美觀程度，也需要考慮不同設備的屏幕寬度適配。下面是一些如何測試CSS自適應屏幕寬度的方法。

1. 使用媒體查詢

@media screen and (max-width: 768px) {
/*樣式代碼*/
}

在使用媒體查詢時，可以針對不同屏幕寬度設置相應的CSS樣式。如上述代碼所示，當屏幕寬度小于等于768px時，使用該樣式。因此，我們可以使用不同的媒體查詢來進行測試。

2. 使用Viewport單位

/*HTML*/
<meta name="viewport" content="width=device-width, initial-scale=1.0">
/*CSS*/
.container {
width: 100vw;
}

使用Viewport單位可以讓元素的寬度根據設備屏幕自適應變化。當我們使用1vw時，即表示元素寬度為屏幕寬度的1%。當我們使用100vw時，元素寬度正好等于屏幕寬度。通過這種方式，我們可以針對不同屏幕寬度進行測試。

3. 使用Chrome DevTool

打開Chrome瀏覽器，按下F12鍵打開DevTools。在Elements選項卡中，點擊下拉菜單中的Toggle Device Toolbar，即可選擇模擬不同設備的屏幕寬度。同時，我們也可以通過設置Custom設備來模擬特定設備的屏幕寬度。

通過以上幾種方式，我們可以方便快捷地測試CSS自適應屏幕寬度，并根據測試結果進行調整和優化。這將有助于我們開發出更加適應不同設備的Web應用程序。