在當今的移動互聯網時代，越來越多的用戶使用手機進行瀏覽網站。為了使網站在不同尺寸的設備上都呈現出最佳的瀏覽效果, CSS媒體查詢就變得非常重要。

CSS媒體查詢是一個重要的CSS技術，它可以根據設備的不同尺寸來調整網頁的樣式，以便網站可以在不同的設備上得到更好的呈現效果。通過使用CSS媒體查詢，我們可以讓我們的網站適配于不同尺寸的手機屏幕。

/* CSS媒體查詢用法 */
@media only screen and (max-width: 480px) {
/*在屏幕的最大寬度小于480px時應用以下CSS樣式*/
body { font-size: 12px; }
.container { width: 100%; }
.logo { display: none; }
}

上述代碼是一個CSS媒體查詢的實例。在這個例子中，我們設置了當屏幕的最大寬度小于480px時應用以下CSS樣式：使body的字體大小縮小為12px，設置container的寬度為100%以適應小屏幕，而將logo這個元素進行了隱藏。

總之，CSS媒體查詢非常重要，可以使我們的網站與不同尺寸的設備完美適配。有了CSS媒體查詢的使用，我們可以根據不同的屏幕尺寸來定制樣式，以改善用戶體驗和提高網站的可用性。