靜態(tài)網(wǎng)站網(wǎng)頁制作時CSS媒體查詢起到了什么作用，媒體查詢可以讓我們根據(jù)設(shè)備的不同為其設(shè)定不同的CSS樣式，在不改變內(nèi)容的情況下為不同的設(shè)備輸出不同的效果，提高用戶的體驗。

媒體查詢是一種條件判斷機(jī)制，可以通過不同設(shè)備的屏幕尺寸，分辨率等來進(jìn)行判斷，在頁面上展示不同的樣式效果。通常使用@media來定義在不同設(shè)備上的樣式效果。

在移動端的開發(fā)中通常使用屏幕寬度作為媒體查詢的條件，根據(jù)不同的寬度設(shè)置不同的樣式。其他的例如屏幕高度、方向等都不常用只是在少數(shù)情況下可以發(fā)揮作用。

通過媒體查詢可以在不同的屏幕上顯示出剛好的效果，在大屏幕上顯示一行多列，在小屏幕上顯示多行一列，提高用戶的體驗，調(diào)整導(dǎo)航欄的樣式和效果在小屏幕上進(jìn)行折疊，調(diào)整字體大小和樣式提高用戶的閱讀體驗。

媒體查詢是實現(xiàn)移動端的重要工具，可以根據(jù)不同的設(shè)備進(jìn)行靈活調(diào)整，在進(jìn)行響應(yīng)式的時候也會通過媒體查詢來改變不同屏幕大小的頁面樣式，提高用戶的瀏覽體驗。