//當前頁面的高度100vh - 8rem;height:calc(100vh - 8rem);
//當前頁面的寬度100vh - 8rem;width: calc(100vw - 4rem);
**：單位描述
em它是描述相對於應用在當前元素的字型尺寸，所以它也是相對長度單位。一般瀏覽器字型大小預設為16px，則2em == 32px；
ex依賴於英文本母小 x 的高度
ch數字 0 的寬度
remrem 是根 em（root em）的縮寫，rem作用於非根元素時，相對於根元素字型大小；rem作用於根元素字型大小時，相對於其出初始字型大小。
vwviewpoint width，視窗寬度，1vw=視窗寬度的1%
vhviewpoint height，視窗高度，1vh=視窗高度的1%
vmin
vw和vh中較小的那個。
vmax
vw和vh中較大的那個。
%
常用css單位
div中的字型大小是1.2em，也就是div從父類元素繼承的字型大小的1.2倍。在這裡，body的字型是14px，那麼div的字型大小是1.2 14 16.8px.注意 用em一層一層級聯得定義巢狀元素的字型大小 解決方法就是 em 換做 rem rem rem中的r代表根元素，它的值就是根元素設定...
css常用單位
1.px 絕對單位，頁面按精確畫素展示 2.em 相對單位，基準點為父節點字型的大小，如果自身定義了font size按自身來計算 瀏覽器預設字型是16px 整個頁面內1em不是乙個固定的值。3.rem 相對單位，可理解為 root em 相對根節點html的字型大小來計算，css3新加屬性，chr...
常用CSS長度單位
em 相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。ex 相對長度單位。相對於字元 x 的高度。此高度通常為字型尺寸的一半。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。px 畫素 pixel 相對長度單位...