這次小編將要拿一個實際開發來將佈局，首先我們拿到美工給的圖一般會分為兩種格式一種是640的圖一種是750的圖這兩種圖其實的效果是一樣的只不過給,我們得到的測量資料不同，所以其他都是一樣的，這裡我們就拿640的來講解。

        我們將螢幕分為20份（這裡隨便只不過20份比較好計算），然後我們可已經640的螢幕分為20份每一份是32px;所以我們在計算的時候例如：獲得一個尺寸為 28 轉化為 對應的比例關係就是28/32 rem！

      我們以前介紹過媒體查詢，這裡也要為了使用不同的尺寸來進行媒體查詢的設定，只不過是為了相容尺寸，可以把它放到base.css檔案中！

/* 媒體查詢 字號 分為20份 */
@media screen and (width:320px){
	html{
		font-size:320/20px;
	}
}
@media screen and (width:360px){
	html{
		font-size:360/20px;
	}
}
@media screen and (width:375px){
	html{
		font-size:375/20px;
	}
}
@media screen and (width:414px){
	html{
		font-size:414/20px;
	}
}
@media screen and (width:412px){
	html{
		font-size:412/20px;
	}
}