vh：窗體高度 vw：窗體寬度 em：繼承字型倍數 rem：根節點字型倍數說白了 em就相當於「倍」，比如設定當前的div的字型大小為1.5em，則當前的div的字型大小為：當前div繼承的字型大小*1.5
但是當div進行巢狀的時候，em始終是按照當前div繼承的字型大小來縮放。
r就是root的意思，意思是相對於根節點來進行縮放，當有巢狀關係的時候，巢狀關係的元素的字型大小始終按照根節點的字型大小進行縮放。
vh就是當前螢幕可見高度的1%，也就是說height:100vh == height:100%;
但是有個好處是當元素沒有內容時候，設定height:100%該元素不會被撐開，
但是設定height:100vh，該元素會被撐開螢幕高度一致。
vw就是當前螢幕寬度的1%
補充一句，當設定width:100%，被設定元素的寬度是按照父元素的寬度來設定，但是100vw是相對於螢幕可見寬度來設定的，所以會出現50vw 比50%大的情況
css中幾種自適應寬高百分比
知識點 width 1vw 等於 可視視窗 寬度的1 height 1vh 等於 可視視窗 高度的1 calc 使用通用的數 算規則，但是也提供更智慧型的功能 1 使用 和 四則運算 2 可以使用百分比 px em rem等單位 3 可以混合使用各種單位進行計算 4 表示式中有 和 時，其前後必須要...
css百分比定位和百分比尺寸
只有設定了定位的 relative,absolute,fixed 的元素才有left,top等屬性。子元素relative定位 百分比定位和百分比尺寸都是相對于父元素，無論父元素有沒有定位 子元素absolute定位 百分比定位和百分比尺寸都是相對於最近的定位了的祖先元素，如果沒有則相對於視窗。可以...
CSS屬性的百分比參照的是誰
charset utf 8 title type text css inner1 inner2 總結 百分比參照於誰 width margin padding 包含塊的width height 包含塊的height left 包含塊的width top 包含塊的height style head w...