ss教程：CSS3 Media Queries 詳解

　　說起CSS3的新特徵，就不得不提到MediaQueries。

　　本文比力細緻，所以良多隱真頂用不到。所以若是只是想簡略領會MediaQueries，保舉參考CSS3MediaQueries。

　　CSS2.1界說了Media的部門，包羅類型、組別戰法則等。CSS並非為了顯示器而創造，而是使用於各類各樣的，好比常見的顯示器，越來愈多的手持設施，可能略顯到期的電視機等等。

　　css教程：CSS3 Media Queries 詳解，css3教程，css3教程而MediaQueries的引入，其作用就是答應增添運算式用以確定的環境，以此來使用分歧的樣式表。換句話說，其答應咱們正在不改觀內容的環境下，改觀頁面的結構以切確順應分歧的設施，以此增強體驗。所以MediaQueries戰CSS最佳化沒相關係，以至是抵牾的。

　　援用CSS3MediaQueries裡的直不雅的DEMO，當瀏覽器寬度改觀時，使用的CSS產生變遷。而這些，本來必要JavaScript的節造才能作到。

　　Web挪動化的趨向越加較著。固然國內遭到良多限造，可是這種海潮卻無奈。前段時間jQuery頒布頒發mobile項目，也加快了這種變遷。MediaQueries不久的未來該當就會被更多的利用，以更好的支撐新興設施好比iPad。隱真上，jQuery以至有MediaQueries的外掛程式。

　　看看MediaQueries作了什麼

　　一個三欄結構，正在螢幕變窄的環境下，釀成1欄結構，以至是消弭多餘兩欄而只留下凡是的內容的第2欄。MediaQueries是若何事情的?先看看link標籤的寫法：

　　代碼:

　　正在media屬性裡：

　　screen是類型裡的一種，CSS2.1界說了10品種型

　　and被稱為環節字，其他環節字還包羅not(解除某種設施)，only(限造某種設施)

　　(min-width:400px)就是特徵，其被安排正在一對圓括弧中。完備的特徵參看有關的Mediafeatures部門