百分比是最早接觸到的適配單位，依據父元素的尺寸給子元素設定尺寸。
缺點:當父元素沒有設定尺寸，高度靠內容撐開時，子元素使用百分比高度為0
em的尺寸參考于父元素的font-size屬性
缺點:多層次時，中間某層需要有自己的font-size時，後代尺寸會受影響
rem的尺寸參考於根節點的font-size屬性，如設定html，1rem = 20px; 使用rem有乙個統一的尺寸標準，避免了em的缺陷。
vm和vh是參考window.innerwidth和window.innerheight
100vm = window.innerwidth，100vh = window.innerheight
.box1
可視區域1/4大小
Android 尺寸單位 螢幕適配
是不是看起來dp和sp一樣，在android設計原則中，有提到這兩個單位，他建議文字的尺寸一律用sp單位，非文字的尺寸一律使用dp單位。例如textsize 16sp layout width 60dp 為什麼要把sp和dp代替px？最簡單的原因是他們不會因為ppi的變化而變化，在相同物理尺寸和不同...
尺寸單位em,rem,vh,vw
這幾天做demo，看了網上教程有用到尺寸單位vh，vw，這些單位不是很熟悉，所以上網上找了些資料來認識了這些不認識的單位 1.em 在做手機端的時候經常會用到的做字型的尺寸單位 說白了 em就相當於 倍 比如設定當前的div的字型大小為1.5em，則當前的div的字型大小為 當前div繼承的字型大小...
適配 iOS尺寸
蘋果iphone 5主屏尺寸 4英吋螢幕尺寸 iphone 6 plus 5.5英吋的，iphone 6 4.7 英吋的 顯示解析度 1 iphone 6 plus 採用標準的 1920 1080解析度螢幕，ppi值為401 2 iphone 6 則採用了1334 750解析度的螢幕，ppi值為32...