H5 + CSS3響應式網頁設計：入門

一、佈局的響應式：

不能使用絕對尺寸

使用float使佈局具備流動性，同時不易出現橫向滾動條

二、字體的響應式

使用相對字體

三、圖片視頻等媒體資源的響應式

設置寬度max-width:100%;或者width：100%；

四、css3媒體查詢的使用

響應式設計的關鍵是媒體查詢的應用，有兩種方式能夠應用媒體查詢

①<link type="text/css" rel="stylesheet" media="screen and (min-width: 400px) and (max-device-width: 600px)"  href="demo.css"></link>

②在css文件中經過@import url("tinyScreen.css") screen and (max-device-width: 400px);導入

五、html中meta標籤設置視口寬度爲理想視口寬度（只對移動端瀏覽器有效）