Pm移動頁面布局
靈活布局(100%布局)-拉鉤？，天貓首頁
靈活布局的特點(100%布局):
無論頂部和底部的條的分辨率如何變化，它是什麽？程度和職位不變；？中間的每壹條招聘信息都是不分的。
歧視率如何變化？招聘公司圖標等信息位於詞條左側，薪資位於右側。
等比例布局(rem布局)-網易和淘寶首頁
屏幕尺寸是多少？
移動屏幕尺寸:屏幕的對角線長度，以英寸為單位(1英寸=2.54厘米)。
常見尺寸有:2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0。
什麽是屏幕分辨率？
屏幕分辨率:指水平和垂直方向的像素數，單位為px，1px=1像素。
壹般垂直像素*水平像素代表手機的屏幕分辨率。如:1960*1080
這裏的像素是指物理設備的像素點。
什麽是屏幕每英寸像素？
每英寸屏幕像素:屏幕上每英寸可以顯示的像素數量，單位為ppi(pixels？每英寸)收縮
寫吧。
iphone3GS和iphone4的區別:屏幕尺寸壹樣，屏幕分辨率翻倍，每英寸屏幕像素也翻倍。
PX: Pixel，將顯示屏分成非常小的方塊，每個方塊為1px。
註:(網頁重建用的px？和屏幕分辨率的px不壹定是同壹個尺寸)。
事實上，有兩種像素:設備像素和邏輯像素(CSS像素)
DPR:設備像素比率DPR(devicePixelRa ratio DPR)默認設置為100%，這意味著設備像素和CSS像素是相同的。
比值
在早期的移動設備中，沒有DPR的概念。隨著科技的發展，移動設備每英寸的屏幕像素越來越多。
越高。從iphone4開始，蘋果推出了所謂的re-na視網膜屏幕。它被稱為視網膜屏幕
因為屏幕的PPI(每英寸屏幕像素)太高，人的視網膜無法分辨屏幕上的像素。Iphone4積分
分辨率提高了壹倍，但屏幕尺寸沒有變化，也就是說同尺寸屏幕上的像素是原來的兩倍。
是DPR嗎？=?2
1.rem是什麽？
Rem(根元素的字體大小)是指相對於根元素的字體大小單位。
2.為什麽是網絡？App想用rem？
實現強大的屏幕適配布局(淘寶、騰訊、網易等網站都是rem布局適配)rem可以等比例適配所有屏幕。
屏幕，根據html不斷變化的字體大小控制rem的大小，
大眾:觀點？寬度，窗寬，1vw等於1%的窗寬。
vh:觀點？高度，窗高，1vh等於1%的窗高。
vmin:VW和vh中較小的壹個。
Vmax:大眾和vh中的較大者。
Vw，VH，VMIN，VMAX:IE9+本地支持，chrome/firefox/safari/opera支持，iOS？safari？8+支持，
安卓？瀏覽器4.4+支持，chrome？為了什麽？Android39支持
1 .雷姆
Rem是指相對於根元素的字體大小單位。
2.根元素
如果根元素相對於設備大小自動轉換。
3.大眾汽車（Volkswagen的縮寫）
窗寬，1vw等於窗寬的1%。
4.VW被轉換成PX並被分配給font-size。
示例:設備的分辨率為640*1136，邏輯像素為320*568？1VW=3.2px
font-size:100 px；轉換為VW font‐size:31.25 VW；
1rem=31.25vw可以用來壹起縮放布局。
1.px
Px像素。相對長度單位。像素px是相對於顯示屏分辨率而言的。
2.em
Em是相對長度的單位。相對於當前對象中文本的字體大小。如果當前行內文本的字體大小不
手動設置，是相對於瀏覽器默認字體大小的。
3 .雷姆
Rem是指相對於根元素的字體大小單位。
4.大眾汽車（Volkswagen的縮寫）
窗寬，1vw等於窗寬的1%。