移動端的px其實指的是pt，也就是邏輯解析度。以iphone6為例，寬度是750px，但是在css中iphone6的寬度是375px，也就是375pt，而設計稿一般是750px的。所以在移動端中css的px是設計稿中px的一半。
將設計稿中的px轉換為移動端中的px：
如果設計稿是750px的，在其中有乙個寬高都是100px的div，則在移動端的css中我們寫50px。上面我們了解了移動端中的px和pc端的區別，但是移動端我們一般不使用px，因為每個螢幕大小不一，我們要的是尺寸隨螢幕的寬度變大，這裡就引入的rem的使用。
rem是相對根字型(html元素)的fontsize來自動變化的，如果fontsize設定為50px(移動端px)，則iphone6的寬度就是7.5rem。相當於把375px的寬度平分成7.5份，每份是1rem=50px(移動端px)=100px(設計稿px)。上面是以iphone6為例的，如果在其他螢幕上，我們就需要動態的給html元素設定乙個fontsize。**如下：
/**
* 移動端使用rem布局，750是設計稿750px的意思,如果設計稿是其他尺寸則將750改一下，這樣，7.5rem就代表橫向寬度
*/(function
(doc, win);if
(!doc.addeventlistener)
return
; win.
addeventlistener
(resizeevt, recalc,
false);
doc.
addeventlistener
('domcontentloaded'
, recalc,
false);
})(document, window)
;
在iphone6上1rem=100px(設計稿)。
例如（以750px的設計稿為例）：
設計稿上有一寬高為100px的div，則我們設定其寬高為1rem。
設計稿上有一寬度一半(375px)的div，我們設定其為3.75rem。
設計稿上有一36px的字型，我們設定其font-size為 0.36rem。
這樣設定後，在更大螢幕上的div尺寸和字型都會隨寬度等比例變大。
移動端web開發px單位問題
為什麼設計稿是750px
對於頁面適配，你應該使用px還是rem
移動端介面設計之尺寸篇
移動端rem自適應布局(切圖)
移動端rem布局
時隔半年，再次回顧移動端開發，感覺自己又張知識了 我們平常用的較多的單位是px,百分比，rem,em,vw,vh，但是在移動端用的比較多的還是rem，但是他在用的過程中要注意什麼呢，怎麼用呢，下面就開始啦。他是乙個度量單位，可以用他作為高寬，字型的單位。他以html中設定font size的大小為基...
rem移動端布局
1 rem是css3新增的相對長度單位，是指相對於根元素html的font size計算值的大小。簡單可理解為螢幕寬度的百分比。2 什麼是dpr?dpr是螢幕畫素密碼比 計算 dpr 液晶螢幕px尺寸 物理尺寸 量多少就是多少 常用的dpr有 dpr 2，dpr 3 window.devicepix...
移動端rem布局
什麼是rem rem是css3新增的乙個相對單位 root em，根em 這個單位與em有什麼區別呢？區別在於使用rem為元素設定字型大小時，仍然是相對大小，但相對的只是html根元素。em 作為font size的單位時，其代表父元素的字型大小，em作為其他屬性單位時，代表自身字型大小 mdn r...