em 相對于父元素計算當前物件內文字的字型尺寸。
rem 相對於根元素html元素font-size的倍數,計算大小。
vw 相對於視口的寬度計算大小。
vh 相對於視口的高度計算大小。
vmin 以螢幕寬為邊長的正方形。
vmax 以螢幕高為邊長的正方形。
% 相對于父元素的百分比值。
css3 calc()
css中可以寫成:
height: calc(100% - 30px);
less中也這麼寫,less編譯成css時就會變成:
height: calc(70%);
因為less本身就有 『減』 這個操作,所以在less中,要寫成下面這種形式,就不會有問題了,可以正確編譯。
height: ~"calc(100% - 30px)";
關於pt和px區別,這篇文章說的通俗易懂 web開發中的長度單位
1 長度單位包括哪些?長度單位 例如,厘公尺 公釐 英吋。還有畫素 px 元素的字型高度 em 字母x的高度 ex 百分比 等這些單位,可以將它們歸結為兩大類別 第一類,就是絕對長度單位 第二類,就是相對長度單位。2 絕對長度單位 絕對長度單位,它就是乙個固定的值,乙個真實的物理值,它不隨裝置或者受...
前端開發中的單位
1.畫素 1 在前端開發中視口的水平方向和垂直方向都是由很多個小方格組成的,乙個小方格就是乙個畫素,例如div的尺寸是100 100,那麼水平方向就占用100個小方格,垂直方向也占用100個小方格 2 畫素的特點 畫素的大小不會隨著視口的變化而變化,畫素是乙個固定的單位 絕對單位 2.百分比 1 百...
移動端開發, 常用CSS單位
rem em 單位是我們開發中比較常用到的,它表示以當前元素的父元素的單位大小為基準來設定當前元素的大小 rem 中的 r 代表 root 它表示以根 即 html 元素的單位大小為基準來設定當前元素的單位大小,所以不管當前元素是任意子節點,一旦設單位大小為 rem 那麼這個元素大小都是以根元素單位...