隨著手機和平板電腦等移動設備的普及，網(wǎng)站設計過程中就需要考慮在不同設備上用戶的體驗和頁面的展示效果了。而媒體查詢就是為了解決這個問題誕生的。

媒體查詢是CSS3的一項重要工程，用于在不同的設備或屏幕尺寸下應用不同的樣式來調(diào)節(jié)頁面的布局，從而實現(xiàn)響應式網(wǎng)頁設計。

在css中我們常碰到的就是all（全部）,screen（屏幕）,print（頁面打印或打印預覽模式）,其實在媒體類型不止這三種，w3c總共列出了10種媒體類型。一般情況下都是使用screen來查詢。

總的來說媒體查詢可以時一個網(wǎng)站能夠同時適應手機和PC端，不至于要為手機端專門制作網(wǎng)站頁面，同時使用媒體查詢根據(jù)不同的設備調(diào)整布局來提供更好的用戶體驗。