手機網站和PC網站兼容的響應式網頁設計

今天跟你們介紹的這個網站叫 媒體查詢  官網域名：http://mediaqueri.es/

該酷站收集了不少響應式設計的案例。所有都是收集的一些勵志精美而時尚的網站，使用媒體查詢和響應的網頁設計。

媒體查詢是什麼？

媒體查詢 是一個W3C候選推薦標準的普遍審查了文件，這是準備實施的瀏覽器廠商。它是專爲不一樣的媒體類型（即屏幕和打印），CSS2中發現的媒體依賴樣式表的延伸。

在本質上，媒體查詢由一個媒體類型和表達式來檢查特定條件下特定媒體功能。最經常使用的媒體功能是寬度。

經過必定寬度的設備顯示一個網頁，CSS規則限制，能夠根據頁面的表示具備不一樣屏幕分辨率的設備（如智能手機，平板電腦，上網本和臺式機）。

響應性的Web設計是什麼？
長期 響應性的Web設計 創造 伊桑馬科特 是使用流體網格， 靈活的圖像和媒體查詢一個網頁不一樣的觀看環境中逐步提升的作法 。

你使用的屏幕分辨率，同時截圖？該網站有如下幾種截圖

智能手機
320px【
片劑
768PX
上網本
1024px
桌面
1600px的

酷站欣賞地址：http://mediaqueri.es/