CSS媒體查詢類型可以讓網頁在不同的設備上都有好的展示效果。媒體查詢是CSS3中的內容，使得我們可以針對不同的媒介類型定義不同的CSS樣式，從而實現對不同分辨率的設備頁面的最優化展示。

首先，我們需要了解什么是媒體查詢。通俗點可以理解媒體查詢就是根據設備的特征來選擇加載的CSS樣式，即當頁面展示在各種不同的屏幕設備上時，可以加載不同的CSS文件以適應不同的設備尺寸。而這些不同的屏幕尺寸則通過媒體查詢來定義。

其次，我們應該知道如何書寫媒體查詢。使用CSS媒體查詢需要在CSS文檔中使用@media規則。下面是一個媒體查詢的例子：

/* ≤768像素的設備使用這份樣式 */
@media (max-width: 768px) {
body {
background-color: #f1f1f1;
}
}
/* >768像素的設備使用這份樣式 */
@media (min-width: 769px) {
body {
background-color: #fff;
}
}

在上面的例子中，我們定義了兩個媒體查詢，分別適用于不同屏幕大小的設備。其中，max-width和min-width都是媒體查詢的屬性，可以控制頁面在不同尺寸設備上的展示效果。另外，我們還可以使用其他的屬性，例如orientation（設備橫豎屏狀態）等。

最后，通過正確使用媒體查詢，我們可以為不同屏幕尺寸的用戶提供最佳的瀏覽體驗。例如，在一個手機設備上我們可以優化布局，讓用戶更方便地瀏覽網頁內容；而在一個臺式電腦上，我們可以適當加大文字和圖片等元素以提升可讀性。