最近在研究響應式web頁面設計，入門級media queries ，即**查詢，**查詢在css3中引入，作用是允許設定表示式檢查**環境，用來確定應用不同的樣式。
**查詢應用的兩種方式
一.在引入樣式表的時候判斷**尺寸，根據尺寸引入不同的樣式表，如下
表示當**分表率小於620畫素時，應用a樣式表（畫素只是**查詢的其中一種型別）
and 為關鍵字
上面這個link表示 當**畫素在621畫素到980畫素之間時，應用b樣式表
二.就是直接在樣式表中寫**查詢的樣式
@media screen and (max-width: 620px)
}**查詢就是用來查詢**環境，在web中就是對畫素條件的查詢，用以控制在不同解析度的裝置上顯示不同的樣式。
響應式中的字型，px畫素是固定大小。但是在響應式設計中，對於不同解析度的裝置，固定大小的字型不能滿足各種裝置的顯示需求，於是em用起來就會比較方便了。
em字型單位是以比例的方式顯示。
通常情況下 1em為16px的字型。em的比例相對於父級元素（確定了字型大小的父級元素）來說的。
比如 設定body 字型為20px 其中的1個div字型大小為1.5em 那麼這個div的字型實際大小就是30px。
有了這個設定，那麼 對於不同的裝置，我們只需要在**查詢時，在不同畫素的裝置上改變body元素的字型大小，那在不同的裝置上字型的大小也就相應的等比例變化了。
附上 研究過程中寫完的**，如下：style.css樣式表
body
.head
.left
.right
.bot
@media screen and (max-width :600px)
}media.html
5月18日，*******在上海會見柬埔寨首相洪森。 新華社記者 蘭紅光 攝
***表示，中
5月18日，*******在上海會見柬埔寨首相洪森。 新華社記者 蘭紅光 攝
***表示，中柬友誼源遠流長，歷經風雨考驗而不動搖，彌足珍貴。無論國際形勢如何變化，我們一定要堅定不移推動中柬全面戰略合作夥伴關係發展，把中柬友好事業堅定不移推進下去，讓兩國和兩國人民世世代
代友好下去。
5月18日，*******在上海會見柬埔寨首相洪森。 新華社記者 蘭紅光 攝
***表示，中柬友誼源遠流長，歷經風雨考驗而不動搖，彌足珍貴。無論國際形勢如何變化，我們一定要堅定不移推動中柬全面戰略合作夥伴關係發展，把中柬友好事業堅定不移推進下去，讓兩國和兩國人民世世代
代友好下去。
響應式web設計
initial scale 1.0 script 不使用width px 只使用百分比寬度width xx 或者width auto 字型也不能使用絕對大小 px 而只能使用相對大小 em 如 font normal 100 helvetica,arial,sans serif 字型大小是頁面預設大...
響應式web設計
響應式網頁設計是時下網頁設計領域最熱門的話題之一，該概念由著名網頁設計師 ethan marcotte 在2010年5月份提出，其目標是要讓設計的 能夠響應使用者的行為，根據不同終端裝置自動調整尺寸。簡而言之，就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。那麼，怎麼實現響應式設計呢？...
響應式Web設計
設計師熟知的在印刷 的控制功能，常常也會期望web 會有，但是他們僅僅限制在列印出來的頁面上才能使用。我們必須接受這樣的事實 web根本沒有同樣的限制和為這樣的彈性準備的設計。但是首先我們必須接受這種落差和流程。英國建築師christopher wren有一次開玩笑說他選擇了乙個 以永恆為目標 的領...